@publishfx/publish-chart 1.3.0

package/dist/core/ChartContext.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Chart Context - 依赖注入架构（支持可选 Context）
+ */
+import React, { ReactNode } from 'react';
+import type { IndicatorInfo, ChartTimeRange, BusinessComponents } from './ChartTypes';
+import { type ChartConfig } from './ChartConfig';
+import { type FormatterService } from '../services/FormatterService';
+import { type DataTransformService } from '../services/DataTransformService';
+/**
+ * Chart Context 值类型
+ */
+export interface ChartContextValue {
+    /** 格式化服务 */
+    formatter: FormatterService;
+    /** 数据转换服务 */
+    dataTransform: DataTransformService;
+    /** 配置 */
+    config: ChartConfig & {
+        /** 指标映射表 */
+        indicatorMap?: Record<string, IndicatorInfo>;
+        /** 时间范围 */
+        timeRange?: ChartTimeRange;
+        /** 节点映射表（可选） */
+        nodeMap?: Map<number, {
+            des: string;
+            color: string;
+            bgc: string;
+        }>;
+    };
+    /** 业务组件（可选） */
+    businessComponents?: BusinessComponents;
+}
+/**
+ * Chart Provider
+ */
+export interface ChartProviderProps {
+    /** 部分 Context 值，未提供的字段将使用默认值 */
+    value?: Partial<ChartContextValue>;
+    children: ReactNode;
+}
+export declare const ChartProvider: React.FC<ChartProviderProps>;
+/**
+ * 使用 Chart Context Hook（支持可选 Context）
+ */
+export declare const useChartContext: () => ChartContextValue;
+/**
+ * 获取坐标轴格式化函数（兼容旧 API）
+ */
+export declare const getAxisFormatFromContext: (val: string | number, indicatorMap: Record<string, IndicatorInfo>, y: string | number) => string;

package/dist/core/ChartContext.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { defaultChartConfig } from "./ChartConfig.js";
+import { createFormatterService } from "../services/FormatterService.js";
+import { createDataTransformService } from "../services/DataTransformService.js";
+import { getAxisFormat } from "../utils/chartHelpers.js";
+const defaultContextValue = {
+    formatter: createFormatterService(),
+    dataTransform: createDataTransformService(),
+    config: defaultChartConfig,
+    businessComponents: void 0
+};
+const ChartContext = /*#__PURE__*/ createContext(null);
+const ChartProvider = ({ value, children })=>{
+    const mergedValue = value ? {
+        formatter: value.formatter || defaultContextValue.formatter,
+        dataTransform: value.dataTransform || defaultContextValue.dataTransform,
+        config: value.config || defaultContextValue.config,
+        businessComponents: value.businessComponents ?? defaultContextValue.businessComponents
+    } : defaultContextValue;
+    return /*#__PURE__*/ jsx(ChartContext.Provider, {
+        value: mergedValue,
+        children: children
+    });
+};
+const useChartContext = ()=>{
+    const context = useContext(ChartContext);
+    return context || defaultContextValue;
+};
+const getAxisFormatFromContext = (val, indicatorMap, y)=>getAxisFormat(val, indicatorMap, y);
+export { ChartProvider, getAxisFormatFromContext, useChartContext };

package/dist/core/ChartTypes.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Chart 组件库独立类型定义
+ * 不依赖业务类型，通过适配器转换
+ */
+/**
+ * 指标信息（简化版本，不依赖业务类型）
+ */
+export interface IndicatorInfo {
+    indicatorID?: number;
+    indicatorName?: string;
+    indicatorFrom?: string;
+    indicatorFormat?: {
+        indicatorUnit?: number;
+        indicatorDecimal?: number;
+    };
+}
+/**
+ * 时间范围（简化版本）
+ */
+export interface ChartTimeRange {
+    startTime?: string;
+    endTime?: string;
+    compareStartTime?: string;
+    compareEndTime?: string;
+    timeType?: number;
+    compareType?: number;
+}
+/**
+ * 节点设置
+ */
+export interface NodeSetting {
+    showType: number;
+    type: Array<number>;
+}
+/**
+ * 图表配置
+ */
+export interface ChartComponentConfig {
+    isDataTag?: boolean;
+    isLegend?: boolean;
+    isCombineDataTag?: boolean;
+    isDescend?: boolean;
+    isClickable?: boolean;
+    isHorizontal?: boolean;
+    isHighlight?: boolean;
+}
+/**
+ * 辅助线数据
+ */
+export interface AuxiliaryLineData {
+    name: string;
+    value: number;
+    axis?: 'left' | 'right';
+}
+/**
+ * 基础图表 Props
+ */
+export interface BaseChartProps {
+    /** 图表数据 */
+    data: unknown[];
+    /** 图表高度 */
+    height?: number;
+    /** X 轴字段名 */
+    x?: string;
+    /** Y 轴字段名 */
+    y?: string;
+    /** Z 轴字段名（用于组合图） */
+    z?: string;
+    /** 指标映射表 */
+    indicatorMap?: Record<string, IndicatorInfo>;
+    /** 当前分组 ID */
+    currentGroupId?: number;
+    /** 图表点击回调 */
+    onChartClick?: (item: any) => void;
+    /** 指标数组 */
+    indicators?: string[];
+    /** 时间范围 */
+    timeRange?: ChartTimeRange;
+    /** 图表类型 */
+    graphType?: number | string;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 图例字段名 */
+    legend?: string;
+    /** 节点设置 */
+    nodeSetting?: NodeSetting;
+    /** 图表配置 */
+    config?: ChartComponentConfig;
+    /** 总计数据 */
+    totalData?: any;
+    /** 辅助线数据 */
+    auxiliaryLineData?: AuxiliaryLineData[];
+    /** 高亮日期数组 */
+    highlightDate?: string[];
+}
+/**
+ * 业务组件 Props（可选，通过 Context 注入）
+ */
+export interface BusinessComponents {
+    NodeDetail?: React.ComponentType<{
+        chartWidth: number;
+        chartOffset: number;
+        dvRows: any[];
+        ratio?: number;
+    }>;
+    NodeGeom?: React.ComponentType<{
+        pointData: {
+            info: Array<any>;
+            infosCompare: Array<any>;
+        };
+        pointP: {
+            x: number;
+            y: number;
+        };
+        chart?: any;
+    }>;
+}

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Chart 模块导出
+ */
+export { ChartProvider, useChartContext, getAxisFormatFromContext } from './core/ChartContext';
+export type { ChartContextValue, ChartProviderProps } from './core/ChartContext';
+export { defaultChartConfig, mergeChartConfig, getThemeColors } from './core/ChartConfig';
+export type { ChartConfig } from './core/ChartConfig';
+export type { BaseChartProps, IndicatorInfo, ChartTimeRange, NodeSetting, ChartComponentConfig, AuxiliaryLineData, BusinessComponents, } from './core/ChartTypes';
+export { default as BarChart } from './components/base/BarChart';
+export { default as LineChart } from './components/base/LineChart';
+export { default as BarLineChart } from './components/composite/BarLineChart';
+export { default as GroupBarLine } from './components/composite/GroupBarLine';
+export { default as BarLineAdapter } from './components/composite/BarLineAdapter';
+export { default as GroupCompare } from './components/composite/GroupCompare';
+export { default as BarLineCompareWeekend } from './components/composite/BarLineCompareWeekend';
+export { default as AuxiliaryLine } from './components/shared/AuxiliaryLine';
+export { default as XAxisBackground } from './components/shared/XAxisBackground';
+export { createLazyComponent, createLazyComponents } from './utils/lazyHelpers';
+export { TypeAdapter } from './adapters/TypeAdapter';
+export { DataAdapter } from './adapters/DataAdapter';
+export type { TransformConfig } from './adapters/DataAdapter';
+export { DefaultFormatterService, createFormatterService, } from './services/FormatterService';
+export type { FormatterService } from './services/FormatterService';
+export { DefaultDataTransformService, createDataTransformService, } from './services/DataTransformService';
+export type { DataTransformService } from './services/DataTransformService';
+export { formatNumberV2, formatPercentage, formatBigNumber, formatIndicatorV2, BigNumberUtil, } from './utils/formatters';
+export { calTextWidth, calculateBarWidth, getAxisHorPaddingByText, getAxisFormat, truncateText, markerStyle, createStripePatternCanvas, } from './utils/chartHelpers';
+export { transformIndicatorList, getIntervalRatio, groupArray, } from './utils/dataTransform';
+export { getIndicatorName, getIndicator, getIndicatorCompareName, } from './utils/indicatorHelpers';

package/dist/index.js

@@ -0,0 +1,21 @@
+import { ChartProvider, getAxisFormatFromContext, useChartContext } from "./core/ChartContext.js";
+import { defaultChartConfig, getThemeColors, mergeChartConfig } from "./core/ChartConfig.js";
+import BarChart from "./components/base/BarChart.js";
+import LineChart from "./components/base/LineChart.js";
+import BarLineChart from "./components/composite/BarLineChart.js";
+import GroupBarLine from "./components/composite/GroupBarLine.js";
+import BarLineAdapter from "./components/composite/BarLineAdapter.js";
+import GroupCompare from "./components/composite/GroupCompare.js";
+import BarLineCompareWeekend from "./components/composite/BarLineCompareWeekend.js";
+import AuxiliaryLine from "./components/shared/AuxiliaryLine.js";
+import XAxisBackground from "./components/shared/XAxisBackground.js";
+import { createLazyComponent, createLazyComponents } from "./utils/lazyHelpers.js";
+import { TypeAdapter } from "./adapters/TypeAdapter.js";
+import { DataAdapter } from "./adapters/DataAdapter.js";
+import { DefaultFormatterService, createFormatterService } from "./services/FormatterService.js";
+import { DefaultDataTransformService, createDataTransformService } from "./services/DataTransformService.js";
+import { BigNumberUtil, formatBigNumber, formatIndicatorV2, formatNumberV2, formatPercentage } from "./utils/formatters.js";
+import { calTextWidth, calculateBarWidth, createStripePatternCanvas, getAxisFormat, getAxisHorPaddingByText, markerStyle, truncateText } from "./utils/chartHelpers.js";
+import { getIntervalRatio, groupArray, transformIndicatorList } from "./utils/dataTransform.js";
+import { getIndicator, getIndicatorCompareName, getIndicatorName } from "./utils/indicatorHelpers.js";
+export { AuxiliaryLine, BarChart, BarLineAdapter, BarLineChart, BarLineCompareWeekend, BigNumberUtil, ChartProvider, DataAdapter, DefaultDataTransformService, DefaultFormatterService, GroupBarLine, GroupCompare, LineChart, TypeAdapter, XAxisBackground, calTextWidth, calculateBarWidth, createDataTransformService, createFormatterService, createLazyComponent, createLazyComponents, createStripePatternCanvas, defaultChartConfig, formatBigNumber, formatIndicatorV2, formatNumberV2, formatPercentage, getAxisFormat, getAxisFormatFromContext, getAxisHorPaddingByText, getIndicator, getIndicatorCompareName, getIndicatorName, getIntervalRatio, getThemeColors, groupArray, markerStyle, mergeChartConfig, transformIndicatorList, truncateText, useChartContext };

package/dist/services/DataTransformService.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 数据转换服务接口和实现
+ */
+import { TransformConfig } from '../adapters/DataAdapter';
+/**
+ * 数据转换服务接口
+ */
+export interface DataTransformService {
+    transformData(data: any[], config: TransformConfig): any[];
+    processNodeInfo(item: any, nodeMap?: Map<number, any>): any;
+}
+/**
+ * 默认数据转换服务实现
+ */
+export declare class DefaultDataTransformService implements DataTransformService {
+    transformData(data: any[], config: TransformConfig): any[];
+    processNodeInfo(item: any, nodeMap?: Map<number, any>): any;
+}
+/**
+ * 创建数据转换服务
+ */
+export declare function createDataTransformService(customService?: Partial<DataTransformService>): DataTransformService;

package/dist/services/DataTransformService.js

@@ -0,0 +1,29 @@
+import { DataAdapter } from "../adapters/DataAdapter.js";
+class DefaultDataTransformService {
+    transformData(data, config) {
+        return DataAdapter.transform(data, config.type, config);
+    }
+    processNodeInfo(item, nodeMap) {
+        if (!item.nodeInfos) return item;
+        const infos = [
+            ...item.nodeInfos.info || [],
+            ...item.nodeInfos.infosCompare || []
+        ];
+        const len = infos.length || 0;
+        item.nodeLen = len;
+        if (0 === len) return item;
+        item.node = 0;
+        if (1 === len && nodeMap) item.color = nodeMap.get(infos[0].type)?.color || '#5B8FF9';
+        else item.color = 'l (0) 0:#32C5FF 0.44:#B620E0 0.99:#F7B500';
+        return item;
+    }
+}
+function createDataTransformService(customService) {
+    const defaultService = new DefaultDataTransformService();
+    if (!customService) return defaultService;
+    return {
+        transformData: customService.transformData || defaultService.transformData.bind(defaultService),
+        processNodeInfo: customService.processNodeInfo || defaultService.processNodeInfo.bind(defaultService)
+    };
+}
+export { DefaultDataTransformService, createDataTransformService };

package/dist/services/FormatterService.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 格式化服务接口和实现
+ */
+import type { IndicatorInfo } from '../core/ChartTypes';
+/**
+ * 格式化服务接口
+ */
+export interface FormatterService {
+    formatIndicator(value: any, indicator?: IndicatorInfo): string;
+    formatAxis(value: any, indicator?: IndicatorInfo): string;
+    formatBigNumber(value: number | string, indicator?: IndicatorInfo): string;
+}
+/**
+ * 默认格式化服务实现
+ */
+export declare class DefaultFormatterService implements FormatterService {
+    formatIndicator(value: any, indicator?: IndicatorInfo): string;
+    formatAxis(value: any, indicator?: IndicatorInfo): string;
+    formatBigNumber(value: number | string, indicator?: IndicatorInfo): string;
+}
+/**
+ * 创建格式化服务
+ */
+export declare function createFormatterService(customFormatter?: Partial<FormatterService>): FormatterService;

package/dist/services/FormatterService.js

@@ -0,0 +1,22 @@
+import { formatBigNumber, formatIndicatorV2 } from "../utils/formatters.js";
+class DefaultFormatterService {
+    formatIndicator(value, indicator) {
+        return formatIndicatorV2(value, indicator);
+    }
+    formatAxis(value, indicator) {
+        return formatBigNumber(value, indicator);
+    }
+    formatBigNumber(value, indicator) {
+        return formatBigNumber(value, indicator);
+    }
+}
+function createFormatterService(customFormatter) {
+    const defaultService = new DefaultFormatterService();
+    if (!customFormatter) return defaultService;
+    return {
+        formatIndicator: customFormatter.formatIndicator || defaultService.formatIndicator.bind(defaultService),
+        formatAxis: customFormatter.formatAxis || defaultService.formatAxis.bind(defaultService),
+        formatBigNumber: customFormatter.formatBigNumber || defaultService.formatBigNumber.bind(defaultService)
+    };
+}
+export { DefaultFormatterService, createFormatterService };

package/dist/utils/__tests__/formatters.test.d.ts

@@ -0,0 +1 @@
+export {};