@advt-gpt-chart/package 3.0.19 → 3.1.1

package/README.md

@@ -1,55 +1,55 @@
-# advt-gpt-chart 可视化组件库
-
-## 特性
-
-- 📊 支持13+图表类型（折线图/柱状图/饼图/雷达图等）
-- 🎨 内置Light/Dark双主题体系
-- 📝 Markdown协议直接渲染图表
-<!-- - 🌐 国际化多语言支持 -->
-- 🛠 完善的TypeScript类型定义
-
-# 安装依赖
-
-```bash
-npm install @advt-gpt-chart/package
-pnpm install @advt-gpt-chart/package
-```
-
-# 使用
-```tsx
-import { ConfigProvider, Line, GPTVis } from '@advt-gpt-chart/package';
-
-function App() {
-
-    const markdownContent = `
-        以下是为你绘制的一个饼图
-        \`\`\`vis-chart
-        {
-        "type": "pie",
-        "data": [
-            { "category": "分类一", "value": 27 },
-            { "category": "分类二", "value": 25 },
-            { "category": "分类三", "value": 18 },
-            { "category": "分类四", "value": 15 },
-            { "category": "分类五", "value": 10 },
-            { "category": "其他", "value": 5 }
-        ],
-        "nameField": "category",
-        "valField": "value"
-        }
-        \`\`\`
-        `;
-
-  return (
-    <ConfigProvider theme="dark">
-      {/* 直接使用图表组件 */}
-      <Line data={[...]} />
-
-      {/* 通过Markdown渲染 */}
-      <GPTVis>
-        {markdownContent}
-      </GPTVis>
-    </ConfigProvider>
-  );
-}
-```
+# advt-gpt-chart 可视化组件库
+
+## 特性
+
+- 📊 支持13+图表类型（折线图/柱状图/饼图/雷达图等）
+- 🎨 内置Light/Dark双主题体系
+- 📝 Markdown协议直接渲染图表
+<!-- - 🌐 国际化多语言支持 -->
+- 🛠 完善的TypeScript类型定义
+
+# 安装依赖
+
+```bash
+npm install @advt-gpt-chart/package
+pnpm install @advt-gpt-chart/package
+```
+
+# 使用
+```tsx
+import { ConfigProvider, Line, GPTVis } from '@advt-gpt-chart/package';
+
+function App() {
+
+    const markdownContent = `
+        以下是为你绘制的一个饼图
+        \`\`\`vis-chart
+        {
+        "type": "pie",
+        "data": [
+            { "category": "分类一", "value": 27 },
+            { "category": "分类二", "value": 25 },
+            { "category": "分类三", "value": 18 },
+            { "category": "分类四", "value": 15 },
+            { "category": "分类五", "value": 10 },
+            { "category": "其他", "value": 5 }
+        ],
+        "nameField": "category",
+        "valField": "value"
+        }
+        \`\`\`
+        `;
+
+  return (
+    <ConfigProvider theme="dark">
+      {/* 直接使用图表组件 */}
+      <Line data={[...]} />
+
+      {/* 通过Markdown渲染 */}
+      <GPTVis>
+        {markdownContent}
+      </GPTVis>
+    </ConfigProvider>
+  );
+}
+```

package/dist/Chart/ChartBase/constants.d.ts

@@ -3,6 +3,7 @@ import { AxesType } from './utils';
 type CartesianOptions = {
     xField: string;
     yField: string;
+    yFields?: string[];
 };
 type CartesianTooltipOptions = CartesianOptions & {
     seriesField?: string;
@@ -14,7 +15,20 @@ type PolarTooltipOptions = {
     showPercent?: boolean;
     categoryFieldType?: AxesType;
 };
-export declare const getPolarLegendSpec: (seriesField: string | boolean | undefined, categoryField: string) => {
+type CompositeAxisSpec = {
+    orient: 'left' | 'right' | 'bottom' | 'top';
+    seriesIndex?: number[];
+    seriesId?: string[];
+    type?: string;
+    label?: any;
+    grid?: any;
+    title?: any;
+};
+export type Tools = {
+    formatValue: (field: string, value: any) => any;
+    getAxesType: (field: string) => 'band' | 'linear';
+};
+export declare const getPolarLegendSpec: (seriesField: string | boolean | undefined, categoryField: string, tools?: Tools) => {
     visible: boolean;
     item: {
         label: {
@@ -23,7 +37,7 @@ export declare const getPolarLegendSpec: (seriesField: string | boolean | undefi
     };
 };
 export declare const getCartesianLegend: (xField?: string, seriesField?: string | boolean) => any;
-export declare const getPolarTooltipSpec: ({ categoryField, valueField, seriesField, showPercent }: PolarTooltipOptions) => {
+export declare const getPolarTooltipSpec: ({ categoryField, valueField, seriesField, showPercent }: PolarTooltipOptions, tools?: Tools) => {
     mark: {
         title: {
             value: (datum: any) => any;
@@ -65,8 +79,9 @@ export declare const getLineStyle: () => {
         };
     };
 };
-export declare const getCartesianAxesSpec: (options: CartesianOptions) => ICartesianAxisSpec[];
-export declare const getCartesianTootipSpec: ({ xField, yField, seriesField }: CartesianTooltipOptions) => {
+export declare const getCartesianAxesSpec: (options: CartesianOptions, tools?: Tools) => ICartesianAxisSpec[];
+export declare const getCompositeAxesSpec: (series: any[], yFields: string[]) => CompositeAxisSpec[];
+export declare const getCartesianTootipSpec: ({ xField, yField, seriesField }: CartesianTooltipOptions, tools?: Tools) => {
     mark: {
         updateTitle: (prev: any) => any;
         content: {

package/dist/Chart/ChartBase/index.d.ts

@@ -1,3 +1,3 @@
 import { VChartBaseProps } from './types';
-declare function VChartBase({ VChart, spec }: VChartBaseProps): import("react/jsx-runtime").JSX.Element;
+declare function VChartBase({ VChart, spec, mergedProps }: VChartBaseProps): import("react/jsx-runtime").JSX.Element;
 export { VChartBase };

package/dist/Chart/ChartBase/transformed.d.ts

@@ -16,6 +16,11 @@ export interface PolarParams {
     valField: string;
     dimensions?: string[];
 }
+/**
+ * 从 AxesConfig 中提取单一 xField 值
+ * 用于需要点对齐的图表（Line, Area, Scatter）
+ */
+export declare const getAlignedXField: (axesConfig: AxesConfig) => string;
 export declare function transfrom2CartesianAxes(dataset: Dataset | undefined, { xField, yField, dimensions }: CartesianParams): AxesConfig;
 export declare function transfrom2PolarAxes(dataset: Dataset | undefined, { nameField, valField }: PolarParams): {
     nameField: string;

package/dist/Chart/ChartBase/types.d.ts

@@ -1,11 +1,17 @@
 import type { IChartSpec } from '@visactor/vchart';
 import type { ComponentType } from 'react';
+import { ContextMenu } from '../../GPTVis/hooks/useChartStore';
 import { BaseChartProps, DataItem } from '../../types';
+import { ChartJson } from '../ChartCodeRender/type';
 import { Dataset, FieldInfoItem } from '../Dataset/types';
 import { DataSource } from '../DataSource/types';
-export interface VChartBaseProps extends BaseChartProps {
+export interface MergedProps extends ChartJson {
+    onContextMenu?: (menu: ContextMenu) => void;
+}
+export interface VChartBaseProps {
     VChart: ComponentType<any>;
     spec?: Partial<IChartSpec>;
+    mergedProps: MergedProps;
 }
 export interface BaseVChartConfig<T = DataItem> {
     data: T[];

package/dist/Chart/ChartBase/utils.d.ts

@@ -12,4 +12,4 @@ export type AxesType = {
     axisType: AxisType;
     dataType: GenericDataType;
 };
-export declare const getAxesType: (val: any, field?: string) => AxesType;
+export declare const getAxesTypeAndDataType: (val: any, field?: string) => AxesType;

package/dist/Chart/ChartCodeRender/type.d.ts

@@ -5,6 +5,26 @@ import { ChartType, DataItem } from '../../types';
 import { TimeGrainType } from '../../utils';
 import { DataFormat, FieldInfoItem } from '../Dataset/types';
 import { DataSource } from '../DataSource/types';
+export interface MetricItem {
+    id: string;
+    name: string;
+}
+export interface DimensionItem {
+    id: string;
+    name: string;
+}
+export interface AgentParams {
+    metrics?: MetricItem[];
+    dimensions?: DimensionItem[];
+    analyzeDate?: any;
+    comparisonDate?: any;
+    filters?: any;
+    type?: string;
+}
+export interface AgentConfig {
+    name?: string;
+    params?: AgentParams;
+}
 export type WithChartCodeOptions = {
     /**
      * 要额外加载的图表组件
@@ -47,6 +67,9 @@ export interface ChartJson {
     columns?: FieldInfoItem[];
     timeGrain?: TimeGrainType;
     dataFormat?: DataFormat;
+    hideChartHeader?: boolean;
+    series?: any[];
+    agent?: AgentConfig;
 }
 /**
  * 图表组件字典

package/dist/Chart/ChartCodeRender/visChart/ChartStoreContext.d.ts

@@ -7,8 +7,8 @@ interface ChartStoreContextType {
     chartId: string;
 }
 export declare const ChartStoreContext: React.Context<ChartStoreContextType | null>;
-export declare const useChartContext: () => ChartStoreContextType;
-export declare const getChartId: () => string;
+export declare const useChartContext: () => ChartStoreContextType | null;
+export declare const getChartId: () => string | undefined;
 export declare const getChartStore: () => VizChartState;
 interface ChartStoreProviderProps {
     chartProps: BaseChartProps & ChartJson;

package/dist/Chart/ChartControllers/Orders/OrdersController.d.ts

@@ -1,4 +1,4 @@
-import { OptionType } from '../TimeRange/types';
+import { OptionType } from '../../../components/CustomTimeRange/types';
 import { dimensionsOptionType } from '../types';
 import { OrderItemType } from './types';
 interface Props {

package/dist/Chart/ChartControllers/index.d.ts

@@ -1,8 +1,8 @@
+import { OptionType, TimeRange } from '../../components/CustomTimeRange/types';
 import { TimeGrainType } from '../../utils/date';
 import { DataSource } from '../DataSource/types';
 import { FilterItemType } from './Filter/types';
 import { OrderItemType } from './Orders/types';
-import { OptionType, TimeRange } from './TimeRange/types';
 import { dimensionsOptionType } from './types';
 export interface ChartHeaderProps {
     theme?: string;

package/dist/Chart/ChartWrapper/style.d.ts

@@ -1,5 +1,6 @@
-export declare const StyleChart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyleWrapperInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     theme: string;
+    $hideChartHeader?: boolean;
     style?: any;
 }>> & string;
 export declare const StyleChartHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/Chart/ChartWrapper/utils.d.ts

@@ -21,5 +21,12 @@ export declare function chartAdvisor(chartJson: ChartJson): Promise<{
     columns?: import("../Dataset/types").FieldInfoItem[];
     timeGrain?: import("../../utils").TimeGrainType;
     dataFormat?: import("../Dataset/types").DataFormat;
+    hideChartHeader?: boolean;
+    series?: any[];
+    agent?: import("../ChartCodeRender/type").AgentConfig;
 }>;
 export declare function exportToExcel(data: any[], fileName: string): void;
+export declare function exportToExcelWithSheets(sheets: Array<{
+    name: string;
+    data: any[];
+}>, fileName: string): void;

package/dist/Chart/DataSource/metricInsight.d.ts

@@ -1,6 +1,19 @@
-import { QueryData, TableData } from '../ChartControllers/TimeRange/types';
+import { QueryData, TableData } from '../../components/CustomTimeRange/types';
 import { DataSource } from './types';
 export declare const queryMetricId: (id: string) => Promise<any>;
+export interface MetricAttributionParams {
+    analyzeDate?: string;
+    comparisonDate?: string;
+    timeUnit?: string;
+    dimensions?: any[];
+    filters?: any[];
+    indirectionDate?: string;
+    mainMetric?: string;
+    subMetrics?: string[];
+    topK?: number;
+    type?: string;
+}
+export declare const queryMetricAttribution: (metricId: string, params?: MetricAttributionParams) => Promise<any>;
 export declare const queryDimensions: (metricIds: string[]) => Promise<any>;
 export declare const queryMql2Params: (mql: any) => Promise<any>;
 export declare const queryChartData: (dataSource: DataSource, queryData: QueryData) => Promise<any>;

package/dist/Chart/DataSource/types.d.ts

@@ -1,5 +1,5 @@
+import { TimeRange } from '../../components/CustomTimeRange/types';
 import { FilterItem } from '../ChartControllers/Filter/types';
-import { TimeRange } from '../ChartControllers/TimeRange/types';
 import { FieldInfoItem } from '../Dataset/types';
 export declare const DataSourceTypes: {
     METRIC: string;

package/dist/Chart/DataSource/useChartDataQuery.d.ts

@@ -1,4 +1,4 @@
-import { QueryData } from '../ChartControllers/TimeRange/types';
+import { QueryData } from '../../components/CustomTimeRange/types';
 import { DataSource } from './types';
 type QueryChartData = {
     queryData: QueryData;

package/dist/Charts/AgentCharts/AgentChartHeader.d.ts

@@ -0,0 +1,7 @@
+interface AgentChartHeaderProps {
+    theme?: 'light' | 'dark';
+    chartName?: string;
+    onDownloadExcel?: () => void | Promise<void>;
+}
+export declare const AgentChartHeader: ({ theme, chartName, onDownloadExcel }: AgentChartHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Charts/AgentCharts/AgentChartHeaderStyle.d.ts

@@ -0,0 +1,9 @@
+export declare const StyleAgentChartHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, {
+    theme?: string;
+}>> & string;
+export declare const StyleAgentChartWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme?: string;
+    $isFullScreen?: boolean;
+}>> & string;

package/dist/Charts/AgentCharts/DimensionAttribution/index.d.ts

@@ -0,0 +1,3 @@
+import { DimensionAttributionProps } from './types';
+declare const DimensionAttribution: (props: DimensionAttributionProps) => import("react/jsx-runtime").JSX.Element | null;
+export default DimensionAttribution;

package/dist/Charts/AgentCharts/DimensionAttribution/types.d.ts

@@ -0,0 +1,8 @@
+import type { BaseChartProps } from '../../../types';
+import type { AgentConfig, SeriesItem } from '../types';
+export interface DimensionAttributionProps extends BaseChartProps {
+    series?: SeriesItem[];
+    theme?: 'light' | 'dark';
+    chartName?: string;
+    agent?: AgentConfig;
+}

package/dist/Charts/AgentCharts/FactorAttribution/index.d.ts

@@ -0,0 +1,3 @@
+import type { FactorAttributionProps } from './types';
+declare const FactorAttribution: (props: FactorAttributionProps) => import("react/jsx-runtime").JSX.Element | null;
+export default FactorAttribution;

package/dist/Charts/AgentCharts/FactorAttribution/types.d.ts

@@ -0,0 +1,8 @@
+import type { BaseChartProps } from '../../../types';
+import type { AgentConfig, AgentDataItem } from '../types';
+export interface FactorAttributionProps extends BaseChartProps {
+    data?: AgentDataItem[];
+    theme?: 'light' | 'dark';
+    chartName?: string;
+    agent?: AgentConfig;
+}

package/dist/Charts/AgentCharts/index.d.ts

@@ -0,0 +1,3 @@
+import type { AgentChartsProps } from './types';
+declare const AgentChartsComponent: (props: AgentChartsProps) => import("react/jsx-runtime").JSX.Element;
+export default AgentChartsComponent;

package/dist/Charts/AgentCharts/types.d.ts

@@ -0,0 +1,70 @@
+import type { BaseChartProps, ChartType, DataItem } from '../../types';
+export interface DimensionItem {
+    id: string;
+    name: string;
+}
+export interface AgentParams {
+    metricId?: string;
+    dimensions?: DimensionItem[];
+    analyzeDate?: string;
+    comparisonDate?: string;
+    timeUnit?: string;
+    filters?: any[];
+    indirectionDate?: string;
+    mainMetric?: string;
+    subMetrics?: string[];
+    topK?: number;
+    type?: string;
+}
+export interface AgentConfig {
+    name?: string;
+    params?: AgentParams;
+}
+export type AgentChartType = 'factor-attribution' | 'dimension-attribution';
+export interface AgentDataItem {
+    metricName: string;
+    metricId: string;
+    metricType: string;
+    dimensionKey?: string;
+    dimensionValue?: string;
+    currentValue?: number;
+    comparisonValue?: number;
+    growthValue?: number;
+    absoluteValue?: number;
+    changeRate?: number;
+    contributionToTotalRate?: number;
+    contributionToParentRate?: number;
+    hasChildren?: boolean;
+    isExpandable?: boolean;
+    [key: string]: any;
+}
+export interface SeriesItem {
+    key: string;
+    label: string;
+    englishName?: string;
+    displayName?: string;
+    data?: DataItem[];
+    chartType?: ChartType;
+    chartConfig?: any;
+}
+export interface AgentChartsConfig {
+    agentChartType?: AgentChartType;
+    agent?: AgentConfig;
+    data: AgentDataItem[];
+    series?: SeriesItem[];
+    theme?: 'light' | 'dark';
+    chartName?: string;
+    dimensions?: string[];
+    metrics?: string[];
+}
+export interface AgentChartsProps extends BaseChartProps, Partial<AgentChartsConfig> {
+}
+export interface FactorAttributionConfig {
+    agentChartType: 'factor-attribution';
+    data: AgentDataItem[];
+    agent?: AgentConfig;
+}
+export interface DimensionAttributionConfig {
+    agentChartType: 'dimension-attribution';
+    series: SeriesItem[];
+}

package/dist/Charts/Area/types.d.ts

@@ -1,8 +1,8 @@
 import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
 export type AreaDataItem = DataItem & {};
 export type AreaConfig = BaseVChartConfig & {
-    xField: string;
-    yField: string;
+    xField?: string;
+    yField?: string;
     metrics?: string[];
     dimensions?: string[];
 };

package/dist/Charts/Bar/types.d.ts

@@ -1,8 +1,8 @@
 import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
 export type BarDataItem = DataItem & {};
 export type BarConfig = BaseVChartConfig & {
-    xField: string;
-    yField: string;
+    xField?: string;
+    yField?: string;
     metrics?: string[];
     dimensions?: string[];
 };

package/dist/Charts/Composite/config.d.ts

@@ -0,0 +1,22 @@
+import { CompositeSeries } from './types';
+interface SeriesSpec {
+    spec: any;
+    yField: string;
+}
+/**
+ * 获取 Bar 图表的 spec
+ */
+export declare function getBarSpec(series: CompositeSeries): SeriesSpec;
+/**
+ * 获取 Line 图表的 spec
+ */
+export declare function getLineSpec(series: CompositeSeries): SeriesSpec;
+/**
+ * 获取 Area 图表的 spec
+ */
+export declare function getAreaSpec(series: CompositeSeries): SeriesSpec;
+/**
+ * 根据 series type 获取对应的 spec
+ */
+export declare function getSeriesSpec(series: CompositeSeries): SeriesSpec;
+export {};

package/dist/Charts/Composite/index.d.ts

@@ -0,0 +1,3 @@
+import type { CompositeProps } from './types';
+declare const Composite: (props: CompositeProps) => import("react/jsx-runtime").JSX.Element;
+export default Composite;

package/dist/Charts/Composite/types.d.ts

@@ -0,0 +1,11 @@
+import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
+import { BarConfig } from '../Bar/types';
+export type CompositeSeriesType = 'bar' | 'line' | 'area' | 'scatter';
+export type CompositeSeries = Omit<BarConfig, 'data' | 'chartName'> & {
+    type: CompositeSeriesType;
+    data?: DataItem[];
+};
+export type CompositeConfig = Omit<BaseVChartConfig, 'data'> & {
+    series: CompositeSeries[];
+};
+export type CompositeProps = BaseVChartProps & Partial<CompositeConfig>;

package/dist/Charts/Composite/util.d.ts

@@ -0,0 +1,18 @@
+import { DataItem } from '../../types';
+import { CompositeSeries } from './types';
+/**
+ * 合并所有系列的数据到一个数据源
+ */
+export declare function mergeSeriesData(series: CompositeSeries[]): DataItem[];
+/**
+ * 为每个系列生成数据ID和索引映射
+ */
+export declare function generateSeriesDataMapping(series: CompositeSeries[]): Record<string, number>;
+/**
+ * 获取系列的 yField 列表（用于轴配置）
+ */
+export declare function getYFields(series: CompositeSeries[]): string[];
+/**
+ * 获取系列的 xField
+ */
+export declare function getXField(series: CompositeSeries[]): string;

package/dist/Charts/Donut/types.d.ts

@@ -1,8 +1,8 @@
 import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
 export type DonutDataItem = DataItem & {};
 export type DonutConfig = BaseVChartConfig & {
-    nameField: string;
-    valField: string;
+    nameField?: string;
+    valField?: string;
     dimensions?: string[];
 };
 export type DonutProps = BaseVChartProps & Partial<DonutConfig>;

package/dist/Charts/Funnel/types.d.ts

@@ -1,8 +1,8 @@
 import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
 export type LineDataItem = DataItem & {};
 export type FunnelConfig = BaseVChartConfig & {
-    nameField: string;
-    valField: string;
+    nameField?: string;
+    valField?: string;
     dimensions?: string[];
 };
 export type FunnelProps = BaseVChartProps & Partial<FunnelConfig>;

package/dist/Charts/Gauge/types.d.ts

@@ -1,8 +1,8 @@
 import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
 export type LineDataItem = DataItem & {};
 export type GaugeConfig = BaseVChartConfig & {
-    nameField: string;
-    valField: string;
+    nameField?: string;
+    valField?: string;
     dimensions?: string[];
 };
 export type GaugeProps = BaseVChartProps & Partial<GaugeConfig>;

package/dist/Charts/Heatmap/types.d.ts

@@ -1,8 +1,8 @@
 import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
 export type HeatmapDataItem = DataItem & {};
 export type HeatmapConfig = BaseVChartConfig & {
-    xField: string;
-    yField: string;
-    valField: string;
+    xField?: string;
+    yField?: string;
+    valField?: string;
 };
 export type HeatmapProps = BaseVChartProps & Partial<HeatmapConfig>;

package/dist/Charts/Indicator/contants.d.ts

@@ -1,5 +1,5 @@
-import { Gutter } from 'antd/lib/grid/row';
 export declare const MAX_COL = 24;
-export declare const ROW_GUTTER: [Gutter, Gutter];
+export declare const ROW_GUTTER: number[];
+export declare const MIN_ITEM_WIDTH = 180;
 export declare const COLUMN_COUNT: number[];
 export declare const marks: Record<number, string>;

package/dist/Charts/Indicator/styles.d.ts

@@ -1,6 +1,8 @@
+import { IndicatorLayout } from './types';
 interface StyleProps {
     ctheme: 'dark' | 'light';
     fontSize?: number;
+    layout?: IndicatorLayout;
 }
 export declare const IndicatorStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyleProps>> & string;
 export declare const CardStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {

package/dist/Charts/Indicator/types.d.ts

@@ -2,12 +2,14 @@ import { CSSProperties } from 'react';
 import type { DataItem } from '../../types';
 import { VChartGlobalConfig } from '../../types/config';
 export type TableDataItem = DataItem & {};
+export type IndicatorLayout = 'grid' | 'cards';
 export type IndicatorConfig = VChartGlobalConfig & {
     data: TableDataItem[];
-    nameField: string;
-    valField: string;
+    nameField?: string;
+    valField?: string;
     dimensions?: string[];
     metrics?: string[];
+    layout?: IndicatorLayout;
 };
 export type IndicatorProps = {
     className?: string;

package/dist/Charts/Line/types.d.ts

@@ -1,8 +1,8 @@
 import type { BaseVChartConfig, BaseVChartProps, DataItem } from '../../types';
 export type LineDataItem = DataItem & {};
 export type LineConfig = BaseVChartConfig & {
-    xField: string;
-    yField: string;
+    xField?: string;
+    yField?: string;
     metrics?: string[];
     dimensions?: string[];
 };