@advt-gpt-chart/package 2.1.1 → 2.1.3

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

@@ -23,7 +23,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) => {
     mark: {
         title: {
             value: (datum: any) => any;
@@ -43,18 +43,6 @@ export declare const getPolarTooltipSpec: ({ categoryField, valueField, seriesFi
         } | undefined;
     };
 };
-export declare const getDefaultTooltip: (seriesField: string | boolean | undefined) => {
-    mark: {
-        title: {
-            visible: boolean;
-        };
-    };
-    dimension: {
-        title: {
-            visible: boolean;
-        };
-    };
-};
 export declare const getLineStyle: () => {
     line: {
         style: {
@@ -78,24 +66,20 @@ export declare const getLineStyle: () => {
     };
 };
 export declare const getCartesianAxesSpec: (options: CartesianOptions) => ICartesianAxisSpec[];
-export declare const getCartesianTootipSpec: ({ xField, yField, seriesField, }: CartesianTooltipOptions) => {
+export declare const getCartesianTootipSpec: ({ xField, yField, seriesField }: CartesianTooltipOptions) => {
     mark: {
-        title: {
-            value: (datum: any) => any;
-        };
+        updateTitle: (prev: any) => any;
         content: {
-            key: (datum: any) => string | undefined;
+            key: (datum: any) => any;
             value: (datum: any) => any;
-        } | undefined;
+        };
     };
     dimension: {
-        title: {
-            value: (datum: any) => any;
-        };
+        updateTitle: (prev: any) => any;
         content: {
-            key: (datum: any) => string | undefined;
+            key: (datum: any) => any;
             value: (datum: any) => any;
-        } | undefined;
+        };
     };
 };
 export {};

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

@@ -9,6 +9,7 @@ export interface AxesConfig {
     xField: string | string[];
     yField: string;
     seriesField?: string;
+    isMetricFolded?: boolean;
 }
 export interface PolarParams {
     nameField: string;

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

@@ -3,7 +3,7 @@ import type { FC } from 'react';
 import type { Components, ExtraProps } from 'react-markdown';
 import { ChartType, DataItem } from '../../types';
 import { TimeGrainType } from '../../utils';
-import { FieldInfoItem } from '../Dataset/types';
+import { DataFormat, FieldInfoItem } from '../Dataset/types';
 import { DataSource } from '../DataSource/types';
 export type WithChartCodeOptions = {
     /**
@@ -46,6 +46,7 @@ export interface ChartJson {
     dataSource?: DataSource;
     columns?: FieldInfoItem[];
     timeGrain?: TimeGrainType;
+    dataFormat?: DataFormat;
 }
 /**
  * 图表组件字典

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

@@ -0,0 +1,6 @@
+interface Props {
+    popoverOpen?: boolean;
+    onCancel: () => void;
+}
+export declare const DataFormatModal: ({ popoverOpen, onCancel }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Chart/ChartControllers/DataFormat/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyleFormatModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme?: string;
+}>> & string;

package/dist/Chart/ChartControllers/DataFormat/utils.d.ts

@@ -0,0 +1,12 @@
+export declare const formatTypeInitOptions: ({
+    key: string;
+    label: string;
+    value: string;
+    desc?: undefined;
+} | {
+    key: string;
+    label: string;
+    value: string;
+    desc: string;
+})[];
+export declare function getUnit(valueUnit: string, unit: string): string;

package/dist/Chart/ChartControllers/TimeRange/types.d.ts

@@ -1,5 +1,6 @@
 import { Dayjs } from 'dayjs';
 import { TimeGrainType } from '../../../utils';
+import { DataFormat } from '../../Dataset/types';
 import { FilterItemType } from '../Filter/types';
 export type CustomTimeRange = {
     from?: Dayjs;
@@ -42,6 +43,7 @@ export type QueryData = {
     dimensions?: OptionType[];
     filters?: FilterItemType[];
     timeGrain?: TimeGrainType;
+    dataFormat?: DataFormat;
 };
 export interface TableData {
     columns: Array<{

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

@@ -9,8 +9,22 @@ export declare function handleMetricInfo(metricInfo: any, chartJson: ChartJson,
     }[];
     matchedDimensions: any;
     dimOptions: any;
+    dataFormat: {
+        [x: string]: {
+            formatType: any;
+            decimalPlaces: any;
+            suffix: string;
+        };
+    } | null;
 } | null;
 export declare function handleDeaultSelectedDisabledOptions(dimensionId: string, derivationMethod: any): {
     defaultSelected: boolean;
     defaultDisabled: boolean;
 };
+export declare const getDataFormat: (metricName: string, info: any) => {
+    [x: string]: {
+        formatType: any;
+        decimalPlaces: any;
+        suffix: string;
+    };
+} | null;

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

@@ -1,5 +1,7 @@
 export interface ChartHeaderProps {
+    isFullScreen?: boolean;
     theme?: string;
+    setFullScreen: (fullscreen: boolean) => void;
 }
-declare function ChartHeader({ theme }: ChartHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function ChartHeader({ theme, isFullScreen, setFullScreen }: ChartHeaderProps): import("react/jsx-runtime").JSX.Element;
 export { ChartHeader };

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

@@ -0,0 +1,2 @@
+declare const ChartMenu: () => import("react/jsx-runtime").JSX.Element;
+export default ChartMenu;

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

@@ -5,5 +5,5 @@ export interface ChartContainerProps {
     className?: string;
     chartStyle?: React.CSSProperties;
 }
-declare const _default: React.MemoExoticComponent<({ className, chartStyle, components, }: ChartContainerProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ className, chartStyle, components }: ChartContainerProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -0,0 +1,4 @@
+export declare const chartMenuOptions: {
+    key: string;
+    label: string;
+}[];

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

@@ -1,9 +1,8 @@
-import React from 'react';
-export declare const StyleChart: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+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>, {
     theme: string;
-    style?: React.CSSProperties;
+    style?: any;
 }>> & string;
-export declare const StyleChartHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+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>, {
     theme?: string;
 }>> & string;
-export declare const GlobalDropdownStyle: React.NamedExoticComponent<import("styled-components").ExecutionProps & object>;
+export declare const GlobalDropdownStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;

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

@@ -20,4 +20,6 @@ export declare function chartAdvisor(chartJson: ChartJson): Promise<{
     dataSource?: import("../DataSource/types").DataSource;
     columns?: import("../Dataset/types").FieldInfoItem[];
     timeGrain?: import("../../utils").TimeGrainType;
+    dataFormat?: import("../Dataset/types").DataFormat;
 }>;
+export declare function exportToExcel(data: any[], fileName: string): void;

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

@@ -10,6 +10,6 @@ type DrillByQueryData = QueryChartData & {
 };
 export declare const useChartDataQuery: (dataSourceType: DataSourceType) => {
     queryChartDataFromDatasource: (queryData: QueryData, isInit?: Boolean) => Promise<void>;
-    queryDrillByChartData: ({ queryData, setDrillLoading, setDrillError, }: DrillByQueryData) => Promise<void>;
+    queryDrillByChartData: ({ queryData, setDrillLoading, setDrillError }: DrillByQueryData) => Promise<void>;
 };
 export {};

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

@@ -21,3 +21,12 @@ export type FieldInfoItem = {
     type?: FieldDataType | VFieldDataType | string;
     role?: string;
 };
+export interface MetricFormat {
+    formatType: string;
+    decimalPlaces?: number;
+    prefix?: string;
+    suffix?: string;
+}
+export type DataFormat = {
+    [metricName: string]: MetricFormat;
+};

package/dist/Chart/Dataset/useDataset.d.ts

@@ -34,8 +34,8 @@ export declare const transform2Dataset: (chartJson: ChartJson) => {
         }[];
         foldData: Record<string, any>[];
         isMetricFolded: boolean;
-        foldKey: string;
-        foldValue: string;
+        foldKey: string | undefined;
+        foldValue: string | undefined;
         isColumnMegred: boolean;
         megreColumnName: string | undefined;
     };
@@ -51,6 +51,11 @@ export declare const transform2FoldData: (data: Record<string, any>[], dimension
     foldKey: string;
     foldValue: string;
     isMetricFolded: boolean;
+} | {
+    foldData: Record<string, any>[];
+    isMetricFolded: boolean;
+    foldKey?: undefined;
+    foldValue?: undefined;
 };
 export declare const transform2FillAndMegreData: (data: any[] | undefined, fieldInfo: FieldInfoItem[] | undefined, chartJson: ChartJson) => {
     data: {
@@ -77,8 +82,11 @@ export declare const generateTimeSeries: (startTime: any, endTime: any, timeGrai
 export declare const filledDataByTimeSeries: (sortedData: Record<string, any>[] | undefined, timeSeries: string[], timeGrain: TimeGrainType, timeField: string, metrics?: string[]) => Record<string, any>[];
 export declare const getTimeGrainInterval: (timeGrain: string, sortedData: any[], timeField: string) => number;
 export declare function formatTime2TimeGrain(timeGrain: TimeGrainType, value: Dayjs | number): string;
-export declare const uptateDataSet: (preJson: ChartJson, newJson: ChartJson, dataset: Dataset) => {
+export declare const checkUptateDataSet: (preJson: ChartJson, newJson: ChartJson, dataset: Dataset) => {
     dataset: Dataset;
-    isChanged: boolean;
+    isShouldUpdate: boolean;
+} | {
+    isShouldUpdate: boolean;
+    dataset?: undefined;
 };
 export {};

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

@@ -3,7 +3,11 @@ interface StyleProps {
     fontSize?: number;
 }
 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> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+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> & {
+    children?: React.ReactNode | undefined;
+} & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | 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<HTMLElement> | null | undefined;
-}, StyleProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+}, StyleProps>> & string & Omit<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: React.ReactNode | undefined;
+} & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
 export {};

package/dist/GPTVis/hooks/useChartStore.d.ts

@@ -23,12 +23,15 @@ export interface QueryError {
     title: string;
     message: string;
 }
+export interface ChartControllersConfig extends ChartControllersState {
+    dataFormat?: any;
+}
 export interface VizChartState {
     theme: string;
     chartLoading?: boolean;
     chartJson: ChartJson;
     dataset: Dataset;
-    controllerConfig: ChartControllersState;
+    controllerConfig: ChartControllersConfig;
     contextMenu: ContextMenu;
     drillBy: DrillBy;
     dataSourceQueryInfo: DataSourceQueryInfo;
@@ -36,8 +39,9 @@ export interface VizChartState {
     setTheme: (theme: string) => void;
     setLoading: (loading: boolean) => void;
     setChartJson: (chartJson: ChartJson) => void;
+    updateChartJson: (key: keyof ChartJson, newObj: any) => void;
     setDataset: (dataset: Dataset) => void;
-    setControllerConfig: (controller: ChartControllersState) => void;
+    setControllerConfig: (controller: ChartControllersConfig) => void;
     setContextMenu: (contextMenu: ContextMenu) => void;
     setChartDrillBy: (drillBy: DrillBy) => void;
     setDataSourceQueryInfo: (dataSourceQueryInfo: DataSourceQueryInfo) => void;