@advt-gpt-chart/package 2.1.6 → 3.0.0

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/ChartControllers/Filter/FilterController.d.ts

@@ -5,5 +5,5 @@ interface FilterItemProps {
     onFilterChange: (filter: FilterItemType) => void;
     deleteFilter?: () => void;
 }
-export declare const FilterController: ({ filter, filterKey, onFilterChange, deleteFilter, }: FilterItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterController: ({ filter, filterKey, onFilterChange, deleteFilter }: FilterItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,6 +9,22 @@ export declare const conditionOptions: {
     label: string;
     value: string;
 }[];
+export declare const conditionToSqlOperatorMap: {
+    readonly equal: "=";
+    readonly notEqual: "!=";
+    readonly isNull: "IS NULL";
+    readonly isNotNull: "IS NOT NULL";
+    readonly greaterThan: ">";
+    readonly greaterThanOrEqualto: ">=";
+    readonly lessThan: "<";
+    readonly lessThanEqualTo: "<=";
+    readonly contains: "LIKE";
+    readonly notContains: "NOT LIKE";
+    readonly StartsWith: "LIKE";
+    readonly doesNotStartWith: "NOT LIKE";
+    readonly endsWith: "LIKE";
+    readonly doesNotEndWith: "NOT LIKE";
+};
 export declare const conditionTypeOptions: {
     key: string;
     label: string;

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

@@ -39,11 +39,12 @@ export type OptionType = {
 };
 export type QueryData = {
     timeRange?: TimeRange;
-    metrics?: OptionType[];
-    dimensions?: OptionType[];
+    metrics?: any[];
+    dimensions?: any[];
     filters?: FilterItemType[];
     timeGrain?: TimeGrainType;
     dataFormat?: DataFormat;
+    queryMetricOrgId?: string;
 };
 export interface TableData {
     columns: Array<{

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

@@ -1,5 +1,5 @@
 import { ChartJson } from '../ChartCodeRender/type';
-export declare function handleMetricInfo(metricInfo: any, chartJson: ChartJson, metricTime: {
+export declare function handleParamsControlInfo(metricInfo: any, chartJson: ChartJson, metricTime: {
     label: string;
     value: string;
 }): {
@@ -7,8 +7,8 @@ export declare function handleMetricInfo(metricInfo: any, chartJson: ChartJson,
         value: any;
         label: any;
     }[];
-    matchedDimensions: any;
-    dimOptions: any;
+    dimensions: any[];
+    dissionOptions: any[];
     dataFormat: {
         [x: string]: {
             formatType: any;
@@ -17,6 +17,23 @@ export declare function handleMetricInfo(metricInfo: any, chartJson: ChartJson,
         };
     } | null;
 } | null;
+export declare function handleMqlMetricsInfo(mql: string, controlInfo: any): {
+    metricsOptions: any[];
+    dataFormat: any;
+};
+export declare function handleMqlControlInfo(controlInfo: any, metricsInfo: any, dimensionsData: any[], metricTime: {
+    label: string;
+    value: string;
+}): {
+    metrics: any;
+    dataFormat: any;
+    dimensions: any[];
+    dissionOptions: any[];
+    timeDimension: any;
+    filters: any;
+    queryMetricOrgId: any;
+};
+export declare function getMeticsderivationMethods(metricsOptions: any[]): any[];
 export declare function handleDeaultSelectedDisabledOptions(dimensionId: string, derivationMethod: any): {
     defaultSelected: boolean;
     defaultDisabled: boolean;
@@ -28,3 +45,18 @@ export declare const getDataFormat: (metricName: string, info: any) => {
         suffix: string;
     };
 } | null;
+export declare function queryMql2Params(mql: string | Object): any;
+export declare function formatDimensionsOptions(dimensionsData: any[], derivationMethod: any, metricTime: {
+    label: string;
+    value: string;
+}): {
+    label: any;
+    value: any;
+    englishName: any;
+    dataType: any;
+    datasetName: any;
+    dimensionColumn: any;
+    defaultSelected: boolean;
+    defaultDisabled: boolean;
+    disabled: boolean;
+}[];

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

@@ -1,8 +1,8 @@
 import { DataSourceType } from './types';
 export interface DataSourceMethods {
-    query2Params: (params: any) => Promise<any>;
-    queryChartData: (params: any) => Promise<any>;
-    queryMetric: (params: any) => Promise<any>;
+    queryMql2Params: (params: any) => Promise<any>;
+    queryChartData: (queryType: string, params: any) => Promise<any>;
+    queryMetricId: (metricId: string) => Promise<any>;
     queryDimensions: (params: any) => Promise<any>;
     transformData: (params: any) => any;
 }

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

@@ -1,10 +1,13 @@
 import { QueryData, TableData } from '../ChartControllers/TimeRange/types';
-export declare const queryMetric: (id: string) => Promise<any>;
-export declare const queryDimensions: (orgId?: string) => Promise<any>;
-export declare const query2Params: (mql: any) => Promise<any>;
-export declare const queryChartData: ({ timeRange, metrics, dimensions, timeGrain, filters, }: QueryData) => Promise<any>;
+export declare const queryMetricId: (id: string) => Promise<any>;
+export declare const queryDimensions: (metricIds: string[]) => Promise<any>;
+export declare const queryMql2Params: (mql: any) => Promise<any>;
+export declare const queryChartData: (queryType: string, queryData: QueryData) => Promise<any>;
+export declare const queryParamsChartData: ({ timeRange, metrics, dimensions, timeGrain, filters, queryMetricOrgId, }: QueryData) => Promise<any>;
+export declare const queryMqlChartData: ({ timeRange, metrics, dimensions, timeGrain, filters, queryMetricOrgId, }: QueryData) => Promise<any>;
 export declare const transformData: (params: {
     data: TableData;
 }) => {
     [key: string]: any;
 }[];
+export declare const translateFilterToSql: (filter: any) => string;

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

@@ -1,5 +1,5 @@
 import { QueryData } from '../ChartControllers/TimeRange/types';
-import { DataSourceType } from './types';
+import { DataSource } from './types';
 type QueryChartData = {
     queryData: QueryData;
 };
@@ -8,7 +8,7 @@ type DrillByQueryData = QueryChartData & {
     setDrillLoading: (loading: boolean) => void;
     setDrillError: (error: any) => void;
 };
-export declare const useChartDataQuery: (dataSourceType: DataSourceType) => {
+export declare const useChartDataQuery: (dataSource: DataSource) => {
     queryChartDataFromDatasource: (queryData: QueryData, isInit?: Boolean) => Promise<void>;
     queryDrillByChartData: ({ queryData, setDrillLoading, setDrillError }: DrillByQueryData) => Promise<void>;
 };