@canvas-components/react-list-table 0.3.6 → 0.3.8

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 (7) hide show
  1. package/dist/index.cjs +38 -20
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +2 -2
  4. package/dist/index.d.ts +2 -2
  5. package/dist/index.js +38 -20
  6. package/dist/index.js.map +1 -1
  7. package/package.json +3 -3
package/dist/index.cjs CHANGED
@@ -589,6 +589,14 @@ function DensityMenu(props) {
589
589
  onChange("compact");
590
590
  }
591
591
  },
592
+ {
593
+ key: "density-ultra-compact",
594
+ label: "\u8D85\u7D27\u51D1",
595
+ selected: value === "ultra-compact",
596
+ onClick: () => {
597
+ onChange("ultra-compact");
598
+ }
599
+ },
592
600
  {
593
601
  key: "density-auto",
594
602
  label: "\u81EA\u9002\u5E94",
@@ -667,7 +675,7 @@ function ZoomMenu(props) {
667
675
  alignItems: "center",
668
676
  gap: 8,
669
677
  color: "#6b7280",
670
- fontSize: 12
678
+ fontSize: 14
671
679
  },
672
680
  children: [
673
681
  /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -721,7 +729,7 @@ function ZoomMenu(props) {
721
729
  {
722
730
  style: {
723
731
  color: "#6b7280",
724
- fontSize: 12,
732
+ fontSize: 14,
725
733
  padding: "0 8px"
726
734
  },
727
735
  children: "\u8868\u683C\u7F29\u653E\uFF0850% - 200%\uFF09"
@@ -860,6 +868,7 @@ function ColumnVisibilityMenu(props) {
860
868
  offset: 2,
861
869
  minWidth: 220,
862
870
  onOpenChange: setOpen,
871
+ surfaceClassName: "canvas-react-scrollbar",
863
872
  surfaceStyle: {
864
873
  ...CONTEXT_MENU_SURFACE_STYLE,
865
874
  maxHeight: 360,
@@ -965,6 +974,7 @@ function ColumnVisibilityItem(props) {
965
974
  offset: 2,
966
975
  minWidth: 220,
967
976
  onOpenChange: setOpen,
977
+ surfaceClassName: "canvas-react-scrollbar",
968
978
  surfaceStyle: {
969
979
  ...CONTEXT_MENU_SURFACE_STYLE,
970
980
  maxHeight: 320,
@@ -1068,7 +1078,7 @@ function CustomSelectionDialog(props) {
1068
1078
  },
1069
1079
  bodyStyle: { padding: "4px 20px 18px" },
1070
1080
  children: [
1071
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#6b7280", fontSize: 12, marginBottom: 10 }, children: "\u8F93\u5165\u8D77\u59CB\u4F4D\u7F6E\u548C\u7ED3\u675F\u4F4D\u7F6E" }),
1081
+ /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: "#6b7280", fontSize: 14, marginBottom: 10 }, children: "\u8F93\u5165\u8D77\u59CB\u4F4D\u7F6E\u548C\u7ED3\u675F\u4F4D\u7F6E" }),
1072
1082
  /* @__PURE__ */ jsxRuntime.jsxs(
1073
1083
  "div",
1074
1084
  {
@@ -1078,7 +1088,7 @@ function CustomSelectionDialog(props) {
1078
1088
  gap: 8,
1079
1089
  marginBottom: 6,
1080
1090
  color: "#6b7280",
1081
- fontSize: 12,
1091
+ fontSize: 14,
1082
1092
  textAlign: "center"
1083
1093
  },
1084
1094
  children: [
@@ -1124,7 +1134,7 @@ function CustomSelectionRow(props) {
1124
1134
  marginBottom: 6
1125
1135
  },
1126
1136
  children: [
1127
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 12 }, children: props.label }),
1137
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 14 }, children: props.label }),
1128
1138
  /* @__PURE__ */ jsxRuntime.jsx(
1129
1139
  reactComponents.ReactInputNumber,
1130
1140
  {
@@ -1212,7 +1222,7 @@ function SummaryMenu(props) {
1212
1222
  },
1213
1223
  children: [
1214
1224
  request.onChangeSummaryPrecision ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1215
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 13 }, children: "\u5C0F\u6570\u4F4D\u6570" }),
1225
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 14 }, children: "\u5C0F\u6570\u4F4D\u6570" }),
1216
1226
  /* @__PURE__ */ jsxRuntime.jsx(
1217
1227
  reactComponents.ReactInputNumber,
1218
1228
  {
@@ -1230,7 +1240,7 @@ function SummaryMenu(props) {
1230
1240
  )
1231
1241
  ] }) : null,
1232
1242
  request.onChangeSummaryRoundingMode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1233
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 13 }, children: "\u53D6\u6574\u65B9\u5F0F" }),
1243
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 14 }, children: "\u53D6\u6574\u65B9\u5F0F" }),
1234
1244
  /* @__PURE__ */ jsxRuntime.jsx(
1235
1245
  reactComponents.ReactSelect,
1236
1246
  {
@@ -1250,7 +1260,7 @@ function SummaryMenu(props) {
1250
1260
  )
1251
1261
  ] }) : null,
1252
1262
  request.onChangeSummaryPreserveTrailingZeros ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
1253
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 13 }, children: "\u4FDD\u7559\u65E0\u6548\u96F6" }),
1263
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#374151", fontSize: 14 }, children: "\u4FDD\u7559\u65E0\u6548\u96F6" }),
1254
1264
  /* @__PURE__ */ jsxRuntime.jsx(
1255
1265
  reactComponents.ReactSelect,
1256
1266
  {
@@ -1310,7 +1320,7 @@ function AlignmentMenu(props) {
1310
1320
  }
1311
1321
  function AlignmentGroup(props) {
1312
1322
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "grid", gap: 6 }, children: [
1313
- /* @__PURE__ */ jsxRuntime.jsx("strong", { style: { color: "#374151", fontSize: 13 }, children: props.label }),
1323
+ /* @__PURE__ */ jsxRuntime.jsx("strong", { style: { color: "#374151", fontSize: 14 }, children: props.label }),
1314
1324
  /* @__PURE__ */ jsxRuntime.jsx(
1315
1325
  AlignmentSegment,
1316
1326
  {
@@ -1350,7 +1360,7 @@ function AlignmentSegment(props) {
1350
1360
  alignItems: "center"
1351
1361
  },
1352
1362
  children: [
1353
- /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#6b7280", fontSize: 12 }, children: props.label }),
1363
+ /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: "#6b7280", fontSize: 14 }, children: props.label }),
1354
1364
  props.options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
1355
1365
  "button",
1356
1366
  {
@@ -1795,7 +1805,7 @@ function FormatChoiceList(props) {
1795
1805
  children: props.label
1796
1806
  }
1797
1807
  ),
1798
- /* @__PURE__ */ jsxRuntime.jsx("div", { style: moreFormatChoiceListStyle, children: props.options.map((option) => {
1808
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "canvas-react-scrollbar", style: moreFormatChoiceListStyle, children: props.options.map((option) => {
1799
1809
  const value = typeof option === "string" ? option : option.value;
1800
1810
  const label = typeof option === "string" ? option : option.label;
1801
1811
  return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2003,7 +2013,7 @@ function resolveMoreFormatSample(category, customPattern, decimalPlaces = 2, cur
2003
2013
  var moreFormatLabelStyle = {
2004
2014
  marginBottom: 6,
2005
2015
  color: "#4b5563",
2006
- fontSize: 12
2016
+ fontSize: 14
2007
2017
  };
2008
2018
  var moreFormatCategoryListStyle = {
2009
2019
  display: "grid",
@@ -2038,7 +2048,7 @@ var moreFormatExampleStyle = {
2038
2048
  };
2039
2049
  var moreFormatDescriptionStyle = {
2040
2050
  color: "#6b7280",
2041
- fontSize: 12
2051
+ fontSize: 14
2042
2052
  };
2043
2053
  var moreFormatOptionsStyle = {
2044
2054
  display: "flex",
@@ -2157,7 +2167,7 @@ var searchContentStyle = {
2157
2167
  var matchTextStyle = {
2158
2168
  minWidth: 58,
2159
2169
  color: "#64748b",
2160
- fontSize: 12,
2170
+ fontSize: 14,
2161
2171
  whiteSpace: "nowrap"
2162
2172
  };
2163
2173
  var toolButtonStyle = {
@@ -3124,7 +3134,7 @@ function ReactTableTooltipView(props) {
3124
3134
  return null;
3125
3135
  }
3126
3136
  const zoom = typeof request.contentZoom === "number" && Number.isFinite(request.contentZoom) && request.contentZoom > 0 ? request.contentZoom : 1;
3127
- const fontSize = 12 * zoom;
3137
+ const fontSize = 14 * zoom;
3128
3138
  const paddingBlock = 6 * zoom;
3129
3139
  const paddingInline = 10 * zoom;
3130
3140
  const borderRadius = 6 * zoom;
@@ -3366,7 +3376,7 @@ function resolveSortableTransform(index, sourceIndex, targetIndex, height) {
3366
3376
  }
3367
3377
 
3368
3378
  // src/features/toolbar/style.css
3369
- styleInject('.react-list-table-shell {\n background: #fff;\n}\n.react-list-table-titlebar {\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 0;\n box-sizing: border-box;\n background: #fff;\n}\n.react-list-table-shell-fullscreen {\n width: 100% !important;\n height: 100% !important;\n}\n.react-list-table-shell-fullscreen .canvas-list-table-root {\n height: 100% !important;\n}\n.react-list-table-title {\n min-width: 0;\n color: #1f2937;\n font-size: 14px;\n font-weight: 600;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.react-list-table-tools {\n display: flex;\n align-items: center;\n gap: 14px;\n color: #475569;\n}\n.react-list-table-tool-wrap {\n position: relative;\n display: inline-flex;\n}\n.react-list-table-tool {\n width: 20px;\n height: 24px;\n padding: 0;\n border: 0;\n color: inherit;\n background: transparent;\n font: 16px/24px sans-serif;\n cursor: pointer;\n}\n.react-list-table-tool:hover {\n color: #1677ff;\n}\n.react-list-table-tool-menu,\n.react-list-table-column-setting {\n position: absolute;\n z-index: 120;\n top: 28px;\n right: 0;\n min-width: 112px;\n padding: 6px;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(15, 23, 42, .14);\n}\n.react-list-table-tool-menu button {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 6px 10px;\n border: 0;\n border-radius: 4px;\n background: transparent;\n text-align: left;\n cursor: pointer;\n}\n.react-list-table-tool-menu button.active::after {\n content: "\\2713";\n margin-left: 12px;\n font-size: 12px;\n}\n.react-list-table-tool-menu button:hover,\n.react-list-table-tool-menu button.active {\n color: #1677ff;\n background: #e6f4ff;\n}\n.react-list-table-column-setting {\n width: 328px;\n max-height: 360px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.react-list-table-column-setting-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 6px 8px;\n border-bottom: 1px solid #f0f0f0;\n flex: 0 0 auto;\n}\n.react-list-table-column-setting-head button {\n border: 0;\n color: #1677ff;\n background: transparent;\n cursor: pointer;\n}\n.react-list-table-column-setting-body {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n}\n.react-list-table-column-item {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: space-between;\n padding: 7px 6px;\n box-sizing: border-box;\n cursor: pointer;\n}\n.react-list-table-column-main,\n.react-list-table-column-actions {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.react-list-table-column-main {\n min-width: 0;\n}\n.react-list-table-column-actions {\n flex: 0 0 auto;\n}\n.react-list-table-column-actions > .canvas-react-select-wrap {\n flex: 0 0 96px;\n width: 96px;\n height: 24px;\n}\n.react-list-table-column-label {\n min-width: 64px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.react-list-table-column-width-input {\n height: 22px;\n padding-inline: 5px;\n}\n.react-list-table-column-fixed-input {\n height: 22px;\n padding-inline: 6px;\n font-size: 12px;\n}\n.react-list-table-column-setting label.dragging {\n opacity: 0.45;\n background: #e6f4ff;\n}\n.react-list-table-column-setting [data-sortable-key].dragging {\n opacity: 0.28;\n}\n.react-list-table-column-drag {\n color: #94a3b8;\n display: inline-flex;\n font-size: 14px;\n cursor: grab;\n user-select: none;\n}\nbody.react-list-table-sorting,\nbody.react-list-table-sorting * {\n cursor: grabbing !important;\n}\n.react-list-table-sort-overlay {\n position: fixed;\n z-index: 1400;\n display: block;\n padding: 0;\n box-sizing: border-box;\n color: #334155;\n background: #fff;\n border: 1px solid #91caff;\n border-radius: 6px;\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);\n pointer-events: none;\n}\n.react-list-table-sort-overlay .react-list-table-column-item {\n width: 100%;\n height: 100%;\n}\n');
3379
+ styleInject('.react-list-table-shell {\n background: #fff;\n font-size: 14px;\n}\n.react-list-table-titlebar {\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 0;\n box-sizing: border-box;\n background: #fff;\n}\n.react-list-table-shell-fullscreen {\n width: 100% !important;\n height: 100% !important;\n}\n.react-list-table-shell-fullscreen .canvas-list-table-root {\n height: 100% !important;\n}\n.react-list-table-title {\n min-width: 0;\n color: #1f2937;\n font-size: 14px;\n font-weight: 600;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.react-list-table-tools {\n display: flex;\n align-items: center;\n gap: 14px;\n color: #475569;\n}\n.react-list-table-tool-wrap {\n position: relative;\n display: inline-flex;\n}\n.react-list-table-tool {\n width: 20px;\n height: 24px;\n padding: 0;\n border: 0;\n color: inherit;\n background: transparent;\n font: 16px/24px sans-serif;\n cursor: pointer;\n}\n.react-list-table-tool:hover {\n color: #1677ff;\n}\n.react-list-table-tool-menu,\n.react-list-table-column-setting {\n position: absolute;\n z-index: 120;\n top: 28px;\n right: 0;\n min-width: 112px;\n padding: 6px;\n border: 1px solid #e5e7eb;\n border-radius: 6px;\n background: #fff;\n box-shadow: 0 8px 24px rgba(15, 23, 42, .14);\n}\n.react-list-table-tool-menu button {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: 6px 10px;\n border: 0;\n border-radius: 4px;\n background: transparent;\n text-align: left;\n cursor: pointer;\n}\n.react-list-table-tool-menu button.active::after {\n content: "\\2713";\n margin-left: 12px;\n font-size: 14px;\n}\n.react-list-table-tool-menu button:hover,\n.react-list-table-tool-menu button.active {\n color: #1677ff;\n background: #e6f4ff;\n}\n.react-list-table-column-setting {\n width: 328px;\n max-height: 360px;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n.react-list-table-column-setting-head {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 6px 8px;\n border-bottom: 1px solid #f0f0f0;\n flex: 0 0 auto;\n}\n.react-list-table-column-setting-head button {\n border: 0;\n color: #1677ff;\n background: transparent;\n cursor: pointer;\n}\n.react-list-table-column-setting-body {\n flex: 1 1 auto;\n min-height: 0;\n overflow: auto;\n}\n.react-list-table-column-item {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: space-between;\n padding: 7px 6px;\n box-sizing: border-box;\n cursor: pointer;\n}\n.react-list-table-column-main,\n.react-list-table-column-actions {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n.react-list-table-column-main {\n min-width: 0;\n}\n.react-list-table-column-actions {\n flex: 0 0 auto;\n}\n.react-list-table-column-actions > .canvas-react-select-wrap {\n flex: 0 0 96px;\n width: 96px;\n height: 24px;\n}\n.react-list-table-column-label {\n min-width: 64px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.react-list-table-column-width-input {\n height: 22px;\n padding-inline: 5px;\n}\n.react-list-table-column-fixed-input {\n height: 22px;\n padding-inline: 6px;\n font-size: 14px;\n}\n.react-list-table-column-setting label.dragging {\n opacity: 0.45;\n background: #e6f4ff;\n}\n.react-list-table-column-setting [data-sortable-key].dragging {\n opacity: 0.28;\n}\n.react-list-table-column-drag {\n color: #94a3b8;\n display: inline-flex;\n font-size: 14px;\n cursor: grab;\n user-select: none;\n}\nbody.react-list-table-sorting,\nbody.react-list-table-sorting * {\n cursor: grabbing !important;\n}\n.react-list-table-sort-overlay {\n position: fixed;\n z-index: 1400;\n display: block;\n padding: 0;\n box-sizing: border-box;\n color: #334155;\n background: #fff;\n border: 1px solid #91caff;\n border-radius: 6px;\n box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);\n pointer-events: none;\n}\n.react-list-table-sort-overlay .react-list-table-column-item {\n width: 100%;\n height: 100%;\n}\n');
3370
3380
  function ReactTableToolbar(props) {
3371
3381
  const { toolbar, title } = props;
3372
3382
  const [densityOpen, setDensityOpen] = react.useState(false);
@@ -3452,7 +3462,7 @@ function ReactTableToolbar(props) {
3452
3462
  children: /* @__PURE__ */ jsxRuntime.jsx(ColumnHeightOutlined, {})
3453
3463
  }
3454
3464
  ),
3455
- densityOpen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "react-list-table-tool-menu", children: [56, 48, 32].map((height) => /* @__PURE__ */ jsxRuntime.jsx(
3465
+ densityOpen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "react-list-table-tool-menu", children: [56, 48, 32, 26].map((height) => /* @__PURE__ */ jsxRuntime.jsx(
3456
3466
  "button",
3457
3467
  {
3458
3468
  type: "button",
@@ -3461,7 +3471,7 @@ function ReactTableToolbar(props) {
3461
3471
  props.onDensityChange(height);
3462
3472
  setDensityOpen(false);
3463
3473
  },
3464
- children: height === 56 ? "\u5BBD\u677E" : height === 48 ? "\u4E2D\u7B49" : "\u7D27\u51D1"
3474
+ children: height === 56 ? "\u5BBD\u677E" : height === 48 ? "\u4E2D\u7B49" : height === 32 ? "\u7D27\u51D1" : "\u8D85\u7D27\u51D1"
3465
3475
  },
3466
3476
  height
3467
3477
  )) }) : null
@@ -3486,7 +3496,7 @@ function ReactTableToolbar(props) {
3486
3496
  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: "auto" }, children: config.columnSettingHeaderExtra }),
3487
3497
  /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: props.onResetColumns, children: "\u91CD\u7F6E" })
3488
3498
  ] }),
3489
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "react-list-table-column-setting-body", children: /* @__PURE__ */ jsxRuntime.jsx(
3499
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "react-list-table-column-setting-body canvas-react-scrollbar", children: /* @__PURE__ */ jsxRuntime.jsx(
3490
3500
  SortableList,
3491
3501
  {
3492
3502
  items: flattenColumns(props.columns),
@@ -3807,6 +3817,7 @@ function ReactListTableInner(props, ref) {
3807
3817
  () => /* @__PURE__ */ new Map()
3808
3818
  );
3809
3819
  const [columnConfig, setColumnConfig] = react.useState(() => /* @__PURE__ */ new Map());
3820
+ const [columnConfigRevision, setColumnConfigRevision] = react.useState(0);
3810
3821
  const resolvedColumns = react.useMemo(
3811
3822
  () => applyColumnManagerState(
3812
3823
  columns,
@@ -3869,6 +3880,7 @@ function ReactListTableInner(props, ref) {
3869
3880
  return {
3870
3881
  ...nextOptions,
3871
3882
  ...fullscreenSize,
3883
+ columnConfigRevision,
3872
3884
  ui: {
3873
3885
  ...nextOptions.ui,
3874
3886
  onDensityChange: setDensityOverride
@@ -3908,7 +3920,8 @@ function ReactListTableInner(props, ref) {
3908
3920
  tableId,
3909
3921
  rowDrag,
3910
3922
  debug,
3911
- isFullscreen
3923
+ isFullscreen,
3924
+ columnConfigRevision
3912
3925
  ]);
3913
3926
  const {
3914
3927
  containerRef,
@@ -3987,6 +4000,7 @@ function ReactListTableInner(props, ref) {
3987
4000
  next.set(columnKey, visible);
3988
4001
  return next;
3989
4002
  });
4003
+ setColumnConfigRevision((current) => current + 1);
3990
4004
  },
3991
4005
  onColumnOrderChange: (parentKey, orderedKeys) => {
3992
4006
  setColumnOrders((current) => {
@@ -3994,6 +4008,7 @@ function ReactListTableInner(props, ref) {
3994
4008
  next.set(parentKey, orderedKeys);
3995
4009
  return next;
3996
4010
  });
4011
+ setColumnConfigRevision((current) => current + 1);
3997
4012
  },
3998
4013
  onColumnWidthChange: (columnKey, width2) => {
3999
4014
  setColumnConfig((current) => {
@@ -4004,6 +4019,7 @@ function ReactListTableInner(props, ref) {
4004
4019
  });
4005
4020
  return next;
4006
4021
  });
4022
+ setColumnConfigRevision((current) => current + 1);
4007
4023
  },
4008
4024
  onColumnFixedChange: (columnKey, fixed) => {
4009
4025
  setColumnConfig((current) => {
@@ -4014,6 +4030,7 @@ function ReactListTableInner(props, ref) {
4014
4030
  });
4015
4031
  return next;
4016
4032
  });
4033
+ setColumnConfigRevision((current) => current + 1);
4017
4034
  },
4018
4035
  onResetColumns: () => {
4019
4036
  const initialColumns = applyColumnManagerState(
@@ -4029,6 +4046,7 @@ function ReactListTableInner(props, ref) {
4029
4046
  setColumnVisibility(/* @__PURE__ */ new Map());
4030
4047
  setColumnOrders(/* @__PURE__ */ new Map());
4031
4048
  setColumnConfig(/* @__PURE__ */ new Map());
4049
+ setColumnConfigRevision((current) => current + 1);
4032
4050
  });
4033
4051
  }
4034
4052
  }