@canvas-components/react-pivot-table 0.2.5 → 0.2.7

package/README.md

@@ -84,6 +84,24 @@ export function SalesPivotTable(props: { data: SalesRecord[] }) {
 
 其余 `dataSource`、`rows`、`columns`、`indicators`、`totals`、`filters`、`sorts` 和虚拟滚动等属性与 `@canvas-components/pivot-table` 保持一致。
 
+## 统一切换调试模式
+
+`ReactPivotTableDebugProvider` 可为后代中的全部 `ReactPivotTable` 同步开启核心调试模式，并保留每个表格自身的 `debug` 配置：
+
+```tsx
+import {
+  ReactPivotTable,
+  ReactPivotTableDebugProvider,
+} from "@canvas-components/react-pivot-table";
+
+<ReactPivotTableDebugProvider enabled={debuggerEnabled}>
+  <ReactPivotTable
+    {...props}
+    debug={{ showBodyBounds: false, logDrawCalls: true }}
+  />
+</ReactPivotTableDebugProvider>;
+```
+
 ### `ReactPivotTableCustomizationOptions`
 
 | 属性             | 类型               | 说明                     |

package/dist/index.cjs

@@ -1663,8 +1663,31 @@ function PivotChartCanvas(props) {
   }, [props.chartOption]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "react-pivot-chart-card__canvas" });
 }
+var ReactPivotTableDebugContext = react.createContext(false);
+function ReactPivotTableDebugProvider(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(ReactPivotTableDebugContext.Provider, { value: props.enabled, children: props.children });
+}
+function useReactPivotTableDebugEnabled() {
+  return react.useContext(ReactPivotTableDebugContext);
+}
+function resolveReactPivotTableDebugOptions(debug, inheritedEnabled) {
+  if (!inheritedEnabled) return debug;
+  return {
+    ...pivotTable.DEFAULT_PIVOT_TABLE_DEBUG_OPTIONS,
+    ...typeof debug === "object" ? debug : null,
+    enabled: true
+  };
+}
 function ReactPivotTableInner(props, ref) {
   const { className, style, customization, title, ...tableOptions } = props;
+  const inheritedDebugEnabled = useReactPivotTableDebugEnabled();
+  const resolvedDebug = react.useMemo(
+    () => resolveReactPivotTableDebugOptions(
+      tableOptions.debug,
+      inheritedDebugEnabled
+    ),
+    [inheritedDebugEnabled, tableOptions.debug]
+  );
   const containerRef = react.useRef(null);
   const tableRef = react.useRef(null);
   const customizationOptions = customization && typeof customization === "object" ? customization : void 0;
@@ -1763,6 +1786,7 @@ function ReactPivotTableInner(props, ref) {
   const options = {
     ...tableOptions,
     ...customizedOptions,
+    debug: resolvedDebug,
     rowHeight: densityOverride == null ? tableOptions.rowHeight : resolveDensityRowHeight(densityOverride),
     indicators: customizedOptions?.indicators ?? overriddenIndicators,
     ui: {
@@ -2215,5 +2239,6 @@ function inferFieldAggregator(records, dataIndex) {
 }
 
 exports.ReactPivotTable = ReactPivotTable;
+exports.ReactPivotTableDebugProvider = ReactPivotTableDebugProvider;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map