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

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode, ForwardedRef } from 'react';
+import { CSSProperties, ReactNode, ForwardedRef, PropsWithChildren } from 'react';
 import { PivotTableOptions, PivotField, PivotFieldLayout, PivotModel, PivotTable, PivotSelectionState, PivotFilterState, PivotSortRule, PivotCellAddress, PivotAxis, PivotFilterAxis, PivotDimensionFilter, PivotFilterOptionItem, PivotExportOptions, PivotTableStateSnapshot } from '@canvas-components/pivot-table';
 
 /** PivotTable 自定义字段面板配置。 */
@@ -80,4 +80,11 @@ declare const ReactPivotTable: <RecordType = Record<string, unknown>>(props: Rea
     ref?: ForwardedRef<ReactPivotTableRef<RecordType>>;
 }) => ReturnType<typeof ReactPivotTableInner>;
 
-export { ReactPivotTable, type ReactPivotTableCustomizationOptions, type ReactPivotTableProps, type ReactPivotTableRef };
+/** ReactPivotTable 调试模式上下文属性。 */
+interface ReactPivotTableDebugProviderProps extends PropsWithChildren {
+    enabled: boolean;
+}
+/** 为后代 ReactPivotTable 统一切换核心调试模式。 */
+declare function ReactPivotTableDebugProvider(props: ReactPivotTableDebugProviderProps): react.JSX.Element;
+
+export { ReactPivotTable, type ReactPivotTableCustomizationOptions, ReactPivotTableDebugProvider, type ReactPivotTableDebugProviderProps, type ReactPivotTableProps, type ReactPivotTableRef };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode, ForwardedRef } from 'react';
+import { CSSProperties, ReactNode, ForwardedRef, PropsWithChildren } from 'react';
 import { PivotTableOptions, PivotField, PivotFieldLayout, PivotModel, PivotTable, PivotSelectionState, PivotFilterState, PivotSortRule, PivotCellAddress, PivotAxis, PivotFilterAxis, PivotDimensionFilter, PivotFilterOptionItem, PivotExportOptions, PivotTableStateSnapshot } from '@canvas-components/pivot-table';
 
 /** PivotTable 自定义字段面板配置。 */
@@ -80,4 +80,11 @@ declare const ReactPivotTable: <RecordType = Record<string, unknown>>(props: Rea
     ref?: ForwardedRef<ReactPivotTableRef<RecordType>>;
 }) => ReturnType<typeof ReactPivotTableInner>;
 
-export { ReactPivotTable, type ReactPivotTableCustomizationOptions, type ReactPivotTableProps, type ReactPivotTableRef };
+/** ReactPivotTable 调试模式上下文属性。 */
+interface ReactPivotTableDebugProviderProps extends PropsWithChildren {
+    enabled: boolean;
+}
+/** 为后代 ReactPivotTable 统一切换核心调试模式。 */
+declare function ReactPivotTableDebugProvider(props: ReactPivotTableDebugProviderProps): react.JSX.Element;
+
+export { ReactPivotTable, type ReactPivotTableCustomizationOptions, ReactPivotTableDebugProvider, type ReactPivotTableDebugProviderProps, type ReactPivotTableProps, type ReactPivotTableRef };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { forwardRef, useRef, useState, useMemo, useEffect, useImperativeHandle, Fragment as Fragment$1 } from 'react';
-import { createEmptyPivotFieldLayout, createPivotFieldCatalog, resolvePivotDimensionKey, resolvePivotFieldLayoutOptions, PivotTable, loadPivotFieldLayout, getValueByDataIndex, resolvePivotDimensionTitle, findPivotFieldArea, removePivotField, movePivotField, resolvePivotValueFieldTitle, savePivotFieldLayout, createPivotCellKey } from '@canvas-components/pivot-table';
+import { createContext, forwardRef, useMemo, useRef, useState, useEffect, useImperativeHandle, useContext, Fragment as Fragment$1 } from 'react';
+import { createEmptyPivotFieldLayout, createPivotFieldCatalog, resolvePivotDimensionKey, resolvePivotFieldLayoutOptions, PivotTable, loadPivotFieldLayout, DEFAULT_PIVOT_TABLE_DEBUG_OPTIONS, getValueByDataIndex, resolvePivotDimensionTitle, findPivotFieldArea, removePivotField, movePivotField, resolvePivotValueFieldTitle, savePivotFieldLayout, createPivotCellKey } from '@canvas-components/pivot-table';
 import { ReactResizablePanels, ReactFilterPanel, ReactPopup, ReactCheckbox, ReactInput, ReactSelect, ReactInputNumber } from '@canvas-components/react-components';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
@@ -1661,8 +1661,31 @@ function PivotChartCanvas(props) {
   }, [props.chartOption]);
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: "react-pivot-chart-card__canvas" });
 }
+var ReactPivotTableDebugContext = createContext(false);
+function ReactPivotTableDebugProvider(props) {
+  return /* @__PURE__ */ jsx(ReactPivotTableDebugContext.Provider, { value: props.enabled, children: props.children });
+}
+function useReactPivotTableDebugEnabled() {
+  return useContext(ReactPivotTableDebugContext);
+}
+function resolveReactPivotTableDebugOptions(debug, inheritedEnabled) {
+  if (!inheritedEnabled) return debug;
+  return {
+    ...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 = useMemo(
+    () => resolveReactPivotTableDebugOptions(
+      tableOptions.debug,
+      inheritedDebugEnabled
+    ),
+    [inheritedDebugEnabled, tableOptions.debug]
+  );
   const containerRef = useRef(null);
   const tableRef = useRef(null);
   const customizationOptions = customization && typeof customization === "object" ? customization : void 0;
@@ -1761,6 +1784,7 @@ function ReactPivotTableInner(props, ref) {
   const options = {
     ...tableOptions,
     ...customizedOptions,
+    debug: resolvedDebug,
     rowHeight: densityOverride == null ? tableOptions.rowHeight : resolveDensityRowHeight(densityOverride),
     indicators: customizedOptions?.indicators ?? overriddenIndicators,
     ui: {
@@ -2212,6 +2236,6 @@ function inferFieldAggregator(records, dataIndex) {
   return typeof value === "number" ? "sum" : "count";
 }
 
-export { ReactPivotTable };
+export { ReactPivotTable, ReactPivotTableDebugProvider };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map