@canvas-components/react-list-table 0.3.32 → 0.3.34

package/dist/index.cjs

@@ -728,7 +728,7 @@ function ScrollbarModeMenu(props) {
       ].map(([mode, label]) => ({
         key: `scrollbar-mode-${mode}`,
         label,
-        selected: (request.scrollbar?.mode ?? "scrollbar") === mode,
+        selected: reactComponents.resolveReactScrollbarMode(request.scrollbar) === mode,
         onClick: () => {
           request.onChangeScrollbar?.({
             ...request.scrollbar,
@@ -1792,6 +1792,7 @@ function ColumnEditorDialog(props) {
     minWidth: item?.minWidth ?? Math.min(40, item?.width ?? 160),
     maxWidth: item?.maxWidth ?? Math.max(2e3, item?.width ?? 160),
     fixed: item?.fixed,
+    visible: item ? item.checked || !!item.indeterminate : true,
     sortOrder: item && (item.sortable === false || item.children?.length) ? void 0 : item ? request.sortState?.find((entry) => entry.key === item.key)?.order ?? null : null,
     order: item?.order ?? (parentItem?.children?.length ?? request.columns?.length ?? 0) + 1
   }));
@@ -1816,7 +1817,10 @@ function ColumnEditorDialog(props) {
       fullscreenable: false,
       onCancel: props.onClose,
       onOk: () => {
-        const nextError = request.onSaveColumn ? request.onSaveColumn(draft) : "\u65E0\u6CD5\u4FDD\u5B58\u5217\u914D\u7F6E";
+        const nextError = request.onSaveColumn ? request.onSaveColumn({
+          ...draft,
+          visible: draft.visible === (item ? item.checked || !!item.indeterminate : true) ? void 0 : draft.visible
+        }) : "\u65E0\u6CD5\u4FDD\u5B58\u5217\u914D\u7F6E";
         if (nextError) {
           setError(nextError);
         } else {
@@ -1899,6 +1903,25 @@ function ColumnEditorDialog(props) {
             }
           )
         ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u662F\u5426\u5C55\u793A\u5217" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactComponents.ReactSelect,
+            {
+              value: draft.visible === false ? "hidden" : "visible",
+              allowClear: false,
+              options: [
+                { label: "\u662F", value: "visible" },
+                {
+                  label: "\u5426",
+                  value: "hidden",
+                  disabled: item?.disabled && draft.visible !== false
+                }
+              ],
+              onChange: (value) => update({ visible: value === "visible" })
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { style: fieldStyle, children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u6392\u5E8F\u65B9\u5F0F" }),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -5691,6 +5714,14 @@ function getColumnSettingsSignature(columns) {
     }))
   );
 }
+
+// src/components/stable-query-option.ts
+function retainEqualQueryOption(previous, next) {
+  if (previous === next || !previous || !next) return next;
+  const previousKeys = Object.keys(previous);
+  const nextKeys = Object.keys(next);
+  return previousKeys.length === nextKeys.length && previousKeys.every((key) => Object.is(previous[key], next[key])) ? previous : next;
+}
 function ReactListTableInner(props, ref) {
   const {
     className,
@@ -5801,6 +5832,9 @@ function ReactListTableInner(props, ref) {
     densityOverride,
     summaryRowHeight
   );
+  const queryRef = react.useRef(query);
+  queryRef.current = retainEqualQueryOption(queryRef.current, query);
+  const stableQuery = queryRef.current;
   const options = react.useMemo(() => {
     const nextOptions = buildListTableOptions({
       exportOptions,
@@ -5827,7 +5861,7 @@ function ReactListTableInner(props, ref) {
       headerRowHeight: resolvedHeaderRowHeight,
       summaryRowHeight: resolvedSummaryRowHeight,
       overscanRowCount,
-      query,
+      query: stableQuery,
       experimental,
       rowSelector,
       rowSelection,
@@ -5909,7 +5943,7 @@ function ReactListTableInner(props, ref) {
     resolvedHeaderRowHeight,
     resolvedSummaryRowHeight,
     overscanRowCount,
-    query,
+    stableQuery,
     experimental,
     rowSelector,
     rowSelection,
@@ -6218,5 +6252,3 @@ Object.defineProperty(exports, "getListTableStoredPageSize", {
 exports.ReactListTable = ReactListTable;
 exports.ReactListTableDebugProvider = ReactListTableDebugProvider;
 exports.ReactListTableExportNameDialog = ReactListTableExportNameDialog;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,6 +1,6 @@
 import { createContext, forwardRef, useMemo, useRef, useState, useEffect, useImperativeHandle, useContext, useLayoutEffect, useId, Fragment as Fragment$1 } from 'react';
 import { createPortal } from 'react-dom';
-import { getSharedScrollbarSettings, subscribeSharedScrollbarSettings, setSharedScrollbarSettings, ReactImagePreview, ReactCheckbox, ReactNumberInput, ReactSelect, ReactPagination, ReactFilterPanel, ReactPopup, ReactScrollbarSettingsDialog, ReactScrollbarPositionDialog, ReactModal, ReactInput, ReactPopconfirm, ReactContentScaleProvider, ReactButton, ReactColorPicker, ReactInputNumber, ReactAutoComplete, ReactTimeRangePicker, ReactDateTimeRangePicker, ReactDateTimePicker, ReactTimePicker, ReactDateRangePicker, ReactDatePicker, ReactMonthPicker, ReactQuarterPicker, ReactYearPicker, ReactInputRange, ReactCascader, ReactTreeSelect } from '@canvas-components/react-components';
+import { getSharedScrollbarSettings, subscribeSharedScrollbarSettings, setSharedScrollbarSettings, ReactImagePreview, ReactCheckbox, ReactNumberInput, ReactSelect, ReactPagination, ReactFilterPanel, ReactPopup, ReactScrollbarSettingsDialog, ReactScrollbarPositionDialog, ReactModal, ReactInput, ReactPopconfirm, ReactContentScaleProvider, ReactButton, ReactColorPicker, ReactInputNumber, resolveReactScrollbarMode, ReactAutoComplete, ReactTimeRangePicker, ReactDateTimeRangePicker, ReactDateTimePicker, ReactTimePicker, ReactDateRangePicker, ReactDatePicker, ReactMonthPicker, ReactQuarterPicker, ReactYearPicker, ReactInputRange, ReactCascader, ReactTreeSelect } from '@canvas-components/react-components';
 import { EXPAND_COLUMN, SELECTION_COLUMN, ROW_SELECTION_COLUMN, resetListTableStoredColumnConfig, ListTable } from '@canvas-components/list-table';
 export { EXPAND_COLUMN, ROW_SELECTION_COLUMN, SELECTION_COLUMN, getListTableStoredPageSize } from '@canvas-components/list-table';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -727,7 +727,7 @@ function ScrollbarModeMenu(props) {
       ].map(([mode, label]) => ({
         key: `scrollbar-mode-${mode}`,
         label,
-        selected: (request.scrollbar?.mode ?? "scrollbar") === mode,
+        selected: resolveReactScrollbarMode(request.scrollbar) === mode,
         onClick: () => {
           request.onChangeScrollbar?.({
             ...request.scrollbar,
@@ -1791,6 +1791,7 @@ function ColumnEditorDialog(props) {
     minWidth: item?.minWidth ?? Math.min(40, item?.width ?? 160),
     maxWidth: item?.maxWidth ?? Math.max(2e3, item?.width ?? 160),
     fixed: item?.fixed,
+    visible: item ? item.checked || !!item.indeterminate : true,
     sortOrder: item && (item.sortable === false || item.children?.length) ? void 0 : item ? request.sortState?.find((entry) => entry.key === item.key)?.order ?? null : null,
     order: item?.order ?? (parentItem?.children?.length ?? request.columns?.length ?? 0) + 1
   }));
@@ -1815,7 +1816,10 @@ function ColumnEditorDialog(props) {
       fullscreenable: false,
       onCancel: props.onClose,
       onOk: () => {
-        const nextError = request.onSaveColumn ? request.onSaveColumn(draft) : "\u65E0\u6CD5\u4FDD\u5B58\u5217\u914D\u7F6E";
+        const nextError = request.onSaveColumn ? request.onSaveColumn({
+          ...draft,
+          visible: draft.visible === (item ? item.checked || !!item.indeterminate : true) ? void 0 : draft.visible
+        }) : "\u65E0\u6CD5\u4FDD\u5B58\u5217\u914D\u7F6E";
         if (nextError) {
           setError(nextError);
         } else {
@@ -1898,6 +1902,25 @@ function ColumnEditorDialog(props) {
             }
           )
         ] }),
+        /* @__PURE__ */ jsxs("div", { style: fieldStyle, children: [
+          /* @__PURE__ */ jsx("span", { children: "\u662F\u5426\u5C55\u793A\u5217" }),
+          /* @__PURE__ */ jsx(
+            ReactSelect,
+            {
+              value: draft.visible === false ? "hidden" : "visible",
+              allowClear: false,
+              options: [
+                { label: "\u662F", value: "visible" },
+                {
+                  label: "\u5426",
+                  value: "hidden",
+                  disabled: item?.disabled && draft.visible !== false
+                }
+              ],
+              onChange: (value) => update({ visible: value === "visible" })
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs("div", { style: fieldStyle, children: [
           /* @__PURE__ */ jsx("span", { children: "\u6392\u5E8F\u65B9\u5F0F" }),
           /* @__PURE__ */ jsx(
@@ -5690,6 +5713,14 @@ function getColumnSettingsSignature(columns) {
     }))
   );
 }
+
+// src/components/stable-query-option.ts
+function retainEqualQueryOption(previous, next) {
+  if (previous === next || !previous || !next) return next;
+  const previousKeys = Object.keys(previous);
+  const nextKeys = Object.keys(next);
+  return previousKeys.length === nextKeys.length && previousKeys.every((key) => Object.is(previous[key], next[key])) ? previous : next;
+}
 function ReactListTableInner(props, ref) {
   const {
     className,
@@ -5800,6 +5831,9 @@ function ReactListTableInner(props, ref) {
     densityOverride,
     summaryRowHeight
   );
+  const queryRef = useRef(query);
+  queryRef.current = retainEqualQueryOption(queryRef.current, query);
+  const stableQuery = queryRef.current;
   const options = useMemo(() => {
     const nextOptions = buildListTableOptions({
       exportOptions,
@@ -5826,7 +5860,7 @@ function ReactListTableInner(props, ref) {
       headerRowHeight: resolvedHeaderRowHeight,
       summaryRowHeight: resolvedSummaryRowHeight,
       overscanRowCount,
-      query,
+      query: stableQuery,
       experimental,
       rowSelector,
       rowSelection,
@@ -5908,7 +5942,7 @@ function ReactListTableInner(props, ref) {
     resolvedHeaderRowHeight,
     resolvedSummaryRowHeight,
     overscanRowCount,
-    query,
+    stableQuery,
     experimental,
     rowSelector,
     rowSelection,
@@ -6199,5 +6233,3 @@ ReactListTable.SELECTION_COLUMN = SELECTION_COLUMN;
 ReactListTable.ROW_SELECTION_COLUMN = ROW_SELECTION_COLUMN;
 
 export { ReactListTable, ReactListTableDebugProvider, ReactListTableExportNameDialog };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@canvas-components/react-list-table",
-  "version": "0.3.32",
+  "version": "0.3.34",
   "description": "React adapter for the list table core engine.",
   "license": "MIT",
   "type": "module",
@@ -8,8 +8,7 @@
     "**/*.css"
   ],
   "files": [
-    "dist",
-    "assets"
+    "dist"
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -29,9 +28,9 @@
     "pnpm": ">=9.0.0"
   },
   "dependencies": {
-    "@canvas-components/chart": "0.3.5",
-    "@canvas-components/list-table": "0.3.28",
-    "@canvas-components/react-components": "0.3.15"
+    "@canvas-components/chart": "0.3.7",
+    "@canvas-components/react-components": "0.3.16",
+    "@canvas-components/list-table": "0.3.30"
   },
   "peerDependencies": {
     "react": ">=16.8.0",