@advt-gpt-chart/package 0.0.11 → 0.0.23

package/dist/locale/antdLocale.d.ts

@@ -0,0 +1,5 @@
+import { Locale } from 'antd/es/locale';
+declare const antdLocales: {
+    [key: string]: Locale;
+};
+export default antdLocales;

package/dist/locale/dayjsLocale.d.ts

@@ -0,0 +1,2 @@
+import 'dayjs/locale/zh-cn';
+export declare const loadDayjsLocale: (lang: string) => void;

package/dist/locale/en-US.d.ts

@@ -0,0 +1,95 @@
+export declare const en_US: {
+    timeRange: string;
+    custom: string;
+    today: string;
+    last7Days: string;
+    last30Days: string;
+    last1Year: string;
+    lastNUnits: string;
+    periodAgoNUnits: string;
+    unitday: string;
+    unitweek: string;
+    unitmonth: string;
+    unitquarter: string;
+    unityear: string;
+    thisWeek: string;
+    thisMonth: string;
+    thisQuarter: string;
+    thisYear: string;
+    weekToDate: string;
+    monthToDate: string;
+    quarterToDate: string;
+    yearToDate: string;
+    advanced: string;
+    startTime: string;
+    endTime: string;
+    cancel: string;
+    modalApply: string;
+    apply: string;
+    lastPeriod: string;
+    periodAgo: string;
+    periodBoundary: string;
+    currentNUnit: string;
+    previousNUnits: string;
+    configuration: string;
+    periodRange: string;
+    boundaryType: string;
+    inputLast: string;
+    inputPrevious: string;
+    current: string;
+    previous: string;
+    day: string;
+    week: string;
+    month: string;
+    quarter: string;
+    year: string;
+    first: string;
+    last: string;
+    metric: string;
+    dimension: string;
+    timeGrain: string;
+    resetToDefault: string;
+    saveAsDefault: string;
+    metricTime: string;
+    basic: string;
+    customSql: string;
+    column: string;
+    condition: string;
+    value: string;
+    conditionType: string;
+    filterConditionSQL: string;
+    equal: string;
+    notEqual: string;
+    isNull: string;
+    isNotNull: string;
+    greaterThan: string;
+    greaterThanOrEqualto: string;
+    lessThan: string;
+    lessThanEqualTo: string;
+    contains: string;
+    notContains: string;
+    StartsWith: string;
+    doesNotStartWith: string;
+    endsWith: string;
+    doesNotEndWith: string;
+    in: string;
+    notIn: string;
+    filterConditionPlaceholder: string;
+    bar: string;
+    donut: string;
+    line: string;
+    table: string;
+    area: string;
+    funnel: string;
+    gauge: string;
+    heatmap: string;
+    indicator: string;
+    pie: string;
+    radar: string;
+    rank: string;
+    scatter: string;
+    total: string;
+    drillDown: string;
+    metricError: string;
+    chartDataLoadingFailed: string;
+};

package/dist/locale/index.d.ts

@@ -0,0 +1,7 @@
+interface Translations {
+    [key: string]: {
+        [key: string]: string;
+    };
+}
+export declare const locales: Translations;
+export {};

package/dist/locale/utils.d.ts

@@ -0,0 +1,7 @@
+export declare enum Language {
+    enUS = "en-US",
+    zhCN = "zh-CN",
+    zhTW = "zh-TW",
+    jaJP = "ja-JP"
+}
+export declare const localLangs: Language[];

package/dist/locale/zh-CN.d.ts

@@ -0,0 +1,95 @@
+export declare const zh_CN: {
+    timeRange: string;
+    custom: string;
+    today: string;
+    last7Days: string;
+    last30Days: string;
+    last1Year: string;
+    lastNUnits: string;
+    periodAgoNUnits: string;
+    unitday: string;
+    unitweek: string;
+    unitmonth: string;
+    unitquarter: string;
+    unityear: string;
+    thisWeek: string;
+    thisMonth: string;
+    thisQuarter: string;
+    thisYear: string;
+    weekToDate: string;
+    monthToDate: string;
+    quarterToDate: string;
+    yearToDate: string;
+    advanced: string;
+    startTime: string;
+    endTime: string;
+    cancel: string;
+    modalApply: string;
+    apply: string;
+    lastPeriod: string;
+    periodAgo: string;
+    periodBoundary: string;
+    currentNUnit: string;
+    previousNUnits: string;
+    configuration: string;
+    periodRange: string;
+    boundaryType: string;
+    inputLast: string;
+    inputPrevious: string;
+    current: string;
+    previous: string;
+    day: string;
+    week: string;
+    month: string;
+    quarter: string;
+    year: string;
+    first: string;
+    last: string;
+    metric: string;
+    dimension: string;
+    timeGrain: string;
+    resetToDefault: string;
+    saveAsDefault: string;
+    metricTime: string;
+    basic: string;
+    customSql: string;
+    column: string;
+    condition: string;
+    value: string;
+    conditionType: string;
+    filterConditionSQL: string;
+    equal: string;
+    notEqual: string;
+    isNull: string;
+    isNotNull: string;
+    greaterThan: string;
+    greaterThanOrEqualto: string;
+    lessThan: string;
+    lessThanEqualTo: string;
+    contains: string;
+    notContains: string;
+    StartsWith: string;
+    doesNotStartWith: string;
+    endsWith: string;
+    doesNotEndWith: string;
+    in: string;
+    notIn: string;
+    filterConditionPlaceholder: string;
+    bar: string;
+    donut: string;
+    line: string;
+    table: string;
+    area: string;
+    funnel: string;
+    gauge: string;
+    heatmap: string;
+    indicator: string;
+    pie: string;
+    radar: string;
+    rank: string;
+    scatter: string;
+    total: string;
+    drillDown: string;
+    metricError: string;
+    chartDataLoadingFailed: string;
+};

package/dist/locale/zh-TW.d.ts

@@ -0,0 +1,91 @@
+export declare const zh_TW: {
+    timeRange: string;
+    custom: string;
+    today: string;
+    last7Days: string;
+    last30Days: string;
+    last1Year: string;
+    lastNUnits: string;
+    periodAgoNUnits: string;
+    unitday: string;
+    unitweek: string;
+    unitmonth: string;
+    unitquarter: string;
+    unityear: string;
+    thisWeek: string;
+    thisMonth: string;
+    thisQuarter: string;
+    thisYear: string;
+    weekToDate: string;
+    monthToDate: string;
+    quarterToDate: string;
+    yearToDate: string;
+    advanced: string;
+    startTime: string;
+    endTime: string;
+    cancel: string;
+    modalApply: string;
+    apply: string;
+    lastPeriod: string;
+    periodAgo: string;
+    periodBoundary: string;
+    currentNUnit: string;
+    previousNUnits: string;
+    configuration: string;
+    periodRange: string;
+    boundaryType: string;
+    inputLast: string;
+    inputPrevious: string;
+    current: string;
+    previous: string;
+    day: string;
+    week: string;
+    month: string;
+    quarter: string;
+    year: string;
+    first: string;
+    last: string;
+    metric: string;
+    dimension: string;
+    timeGrain: string;
+    resetToDefault: string;
+    saveAsDefault: string;
+    metricTime: string;
+    basic: string;
+    customSql: string;
+    column: string;
+    condition: string;
+    value: string;
+    conditionType: string;
+    filterConditionSQL: string;
+    equal: string;
+    notEqual: string;
+    isNull: string;
+    isNotNull: string;
+    greaterThan: string;
+    greaterThanOrEqualto: string;
+    lessThan: string;
+    lessThanEqualTo: string;
+    contains: string;
+    notContains: string;
+    StartsWith: string;
+    doesNotStartWith: string;
+    endsWith: string;
+    doesNotEndWith: string;
+    in: string;
+    notIn: string;
+    filterConditionPlaceholder: string;
+    bar: string;
+    donut: string;
+    line: string;
+    table: string;
+    area: string;
+    funnel: string;
+    gauge: string;
+    heatmap: string;
+    indicator: string;
+    pie: string;
+    radar: string;
+    rank: string;
+    scatter: string;
+};

package/dist/services/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const DEFAULT_BASE_URL = "http://localhost";
+export type ParseMethod = 'json' | 'json-bigint' | 'text' | 'raw' | null | undefined;

package/dist/services/index.d.ts

@@ -0,0 +1,74 @@
+import { RawAxiosRequestHeaders } from 'axios';
+import { Host, InitConfig, ParseMethod, Protocol, RequestConfig } from './types';
+declare class backService {
+    private instance;
+    baseURL: string;
+    host: Host;
+    protocol: Protocol;
+    timeout: number;
+    headers: RawAxiosRequestHeaders;
+    constructor({ baseURL, host, protocol, timeout, headers, }?: InitConfig);
+    get<T extends ParseMethod = 'json'>(requestConfig: RequestConfig & {
+        parseMethod?: T;
+    }): Promise<{
+        message: string;
+        data?: undefined;
+    } | {
+        data: any;
+        message?: undefined;
+    }>;
+    delete<T extends ParseMethod = 'json'>(requestConfig: RequestConfig & {
+        parseMethod?: T;
+    }): Promise<{
+        message: string;
+        data?: undefined;
+    } | {
+        data: any;
+        message?: undefined;
+    }>;
+    put<T extends ParseMethod = 'json'>(requestConfig: RequestConfig & {
+        parseMethod?: T;
+    }): Promise<{
+        message: string;
+        data?: undefined;
+    } | {
+        data: any;
+        message?: undefined;
+    }>;
+    post<T extends ParseMethod = 'json'>(requestConfig: RequestConfig & {
+        parseMethod?: T;
+    }): Promise<{
+        message: string;
+        data?: undefined;
+    } | {
+        data: any;
+        message?: undefined;
+    }>;
+    patch<T extends ParseMethod = 'json'>(requestConfig: RequestConfig & {
+        parseMethod?: T;
+    }): Promise<{
+        message: string;
+        data?: undefined;
+    } | {
+        data: any;
+        message?: undefined;
+    }>;
+    ping(): Promise<{
+        message: string;
+        data?: undefined;
+    } | {
+        data: any;
+        message?: undefined;
+    }>;
+    request<T extends ParseMethod = 'json'>(config: RequestConfig & {
+        parseMethod?: T;
+    }): Promise<{
+        message: string;
+        data?: undefined;
+    } | {
+        data: any;
+        message?: undefined;
+    }>;
+}
+declare const service: backService;
+export default service;

package/dist/services/types.d.ts

@@ -0,0 +1,14 @@
+import { AxiosRequestConfig, RawAxiosRequestHeaders } from 'axios';
+export type Protocol = 'http:' | 'https:' | undefined;
+export type Host = string;
+export type RequestTimeout = number | undefined;
+export type ParseMethod = 'json' | 'json-bigint' | 'text' | 'raw' | null | undefined;
+export interface InitConfig {
+    baseURL?: string;
+    host?: Host;
+    protocol?: Protocol;
+    headers?: RawAxiosRequestHeaders;
+    timeout?: RequestTimeout;
+    retry?: number;
+}
+export type RequestConfig = AxiosRequestConfig & InitConfig;

package/dist/theme/antdTheme.d.ts

@@ -0,0 +1,15 @@
+export declare const antdThemeConfig: {
+    light: {
+        token: {
+            colorPrimary: string;
+            colorInfo: string;
+            colorText: string;
+        };
+    };
+    dark: {
+        token: {
+            colorPrimary: string;
+            colorInfo: string;
+        };
+    };
+};

package/dist/types/chart.d.ts

@@ -1,4 +1,5 @@
 import type { CSSProperties, ReactNode } from 'react';
+import { ChartJson } from '../Chart/ChartCodeRender/type';
 export declare enum ChartType {
     Area = "area",
     Bar = "bar",
@@ -15,13 +16,61 @@ export declare enum ChartType {
     Table = "table",
     Indicator = "indicator"
 }
+export declare const chartTypeOptions: {
+    key: string;
+    label: string;
+    icon: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
+}[];
 export type Charts = keyof typeof ChartType;
 export type DataItem = {
     [key: string]: string | number;
 };
 export type DataType = DataItem[] | DataItem[][];
 export interface BaseChartProps {
-    containerStyle?: CSSProperties;
+    chartStyle?: CSSProperties;
     className?: string;
     children?: ReactNode;
 }
+declare const ChartCategory: {
+    cartesian: ChartType[];
+    polar: ChartType[];
+    table: ChartType[];
+};
+export type ChartCategoryType = keyof typeof ChartCategory;
+export declare function getChartCategory(chartType: ChartType): ChartCategoryType | 'unknown';
+export declare const handleChartTypeChange: (chartType: ChartType, preChartJson: ChartJson) => {
+    type: ChartType;
+    data: DataItem[];
+    chartId?: string;
+    chartName?: string;
+    xField?: string;
+    yField?: string;
+    nameField?: string;
+    valField?: string;
+    dimensions?: string[];
+    metrics?: string[];
+    dataSource?: import("../Chart/DataSource/types").DataSource;
+    columns?: import("../Chart/Dataset/types").FieldInfoItem[];
+};
+export type ChangeInfo = {
+    metrics: string[];
+    dimensions: string[];
+    chartJson: ChartJson;
+    data: DataItem[];
+    isInit?: Boolean;
+};
+export declare const handleChartDataSourceChange: ({ metrics, dimensions, chartJson, data, isInit, }: ChangeInfo) => {
+    metrics: string[];
+    dimensions: string[];
+    data: DataItem[];
+    type: ChartType;
+    chartId?: string;
+    chartName?: string;
+    xField?: string;
+    yField?: string;
+    nameField?: string;
+    valField?: string;
+    dataSource?: import("../Chart/DataSource/types").DataSource;
+    columns?: import("../Chart/Dataset/types").FieldInfoItem[];
+};
+export {};

package/dist/types/config.d.ts

@@ -1,6 +1,7 @@
 import type { Charts } from './chart';
 export type CommonGlobalConfig = {
     theme?: string;
+    lang?: string;
     [key: string]: any;
 };
 export type VChartGlobalConfig = {

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-export * from '../VChartBase/types';
-export * from '../VChartBase/types';
+export * from '../Chart/ChartBase/types';
+export * from '../Chart/ChartBase/types';
 export * from './chart';
 export type { GlobalConfig } from './config';

package/dist/utils/data.d.ts

@@ -0,0 +1,17 @@
+export declare enum GenericDataType {
+    Number = 0,
+    String = 1,
+    Timestamp = 2,
+    Date = 3,
+    Boolean = 4
+}
+export declare const fieldTypeMap: {
+    timestamp: GenericDataType;
+    datetime: GenericDataType;
+    timestamptz: GenericDataType;
+    date: GenericDataType;
+    time: GenericDataType;
+    number: GenericDataType;
+    bigint: GenericDataType;
+    string: GenericDataType;
+};

package/dist/utils/date.d.ts

@@ -1,4 +1,16 @@
+export declare const DATE_FORMAT = "YYYY/MM/DD HH:mm:ss";
+export declare const DATE_FORMAT_API = "YYYY-MM-DD HH:mm:ss";
 export declare const DATE_FORMATS: string[];
+export declare const timeGrainFormater: {
+    s: string;
+    m: string;
+    h: string;
+    day: string;
+    week: string;
+    month: string;
+    quarter: string;
+    year: string;
+};
 export declare function matchesDateFormat(value: string): boolean;
-export declare const formatTime: (value: string | number, formatStr?: string) => string | number;
+export declare const formatTimeFn: (value: string | number, formatStr?: string) => string | number;
 export declare const formatTimeData: (data: any[], fields: string[]) => any[];

package/dist/utils/downloadAsImage.d.ts

@@ -0,0 +1,11 @@
+import { SyntheticEvent } from 'react';
+/**
+ * Create an event handler for turning an element into an image
+ *
+ * @param selector css selector of the parent element which should be turned into image
+ * @param description name or a short description of what is being printed.
+ *   Value will be normalized, and a date as well as a file extension will be added.
+ * @param isExactSelector if false, searches for the closest ancestor that matches selector.
+ * @returns event handler
+ */
+export default function downloadAsImage(selector: string, description: string, isExactSelector?: boolean): (event: SyntheticEvent) => Promise<void> | null;

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './config';
+export * from './date';

package/dist/utils/useTools.d.ts

@@ -0,0 +1,6 @@
+import { GenericDataType } from './data';
+export declare const useTools: () => {
+    formatTime: (value: string | number, formatStr?: string) => string | number;
+    getFieldType: (fieldName: string, value?: any) => GenericDataType | undefined;
+    formatValue: (fieldName: string, value: any, formatStr?: string) => any;
+};

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.0.11";
+declare const _default: "0.0.23";
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@advt-gpt-chart/package",
   "private": false,
-  "version": "0.0.11",
+  "version": "0.0.23",
   "type": "module",
   "files": [
     "dist"
@@ -22,24 +22,33 @@
     "publish-local": "vite build && tsc -p ./tsconfig.types.json && yalc publish",
     "publish-local-update": "vite build && tsc -p ./tsconfig.types.json && yalc push --replace",
     "publish-gitlab": "npm publish --registry https://gitlab.wise-paas.com/api/v4/projects/8545/packages/npm/",
-    "publish-npm": "npm publish --registry https://registry.npmjs.org/ --access public"
+    "publish-npm": "npm publish --registry https://registry.npmjs.org/ --access public",
+    "json-server": "json-server --watch ./public/db.json --port 3008"
   },
   "dependencies": {
     "@antv/event-emitter": "^0.1.3",
-    "@visactor/react-vchart": "^1.13.11",
-    "@visactor/vchart": "^1.13.11",
-    "@visactor/vdataset": "^1.0.6",
-    "@visactor/vtable": "^1.18.4",
+    "@codemirror/lang-sql": "^6.9.0",
+    "@uiw/react-codemirror": "^4.24.1",
+    "@visactor/react-vchart": "^2.0.3",
+    "@visactor/vchart": "^2.0.3",
+    "@visactor/vdataset": "^1.0.9",
+    "@visactor/vmind": "^2.0.10",
+    "@visactor/vtable": "^1.19.7",
     "antd": "^5.25.4",
+    "axios": "^1.10.0",
     "dayjs": "^1.11.13",
+    "dom-to-image-more": "^3.6.0",
     "lodash-es": "^4.17.21",
+    "nanoid": "^5.1.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intl": "^7.1.11",
     "react-markdown": "^10.1.0",
     "rehype-raw": "^7.0.0",
     "remark-gfm": "^4.0.1",
-    "styled-components": "^6.1.18"
+    "styled-components": "^6.1.18",
+    "vite-plugin-svgr": "^4.3.0",
+    "zustand": "^5.0.6"
   },
   "devDependencies": {
     "@ant-design/icons": "^6.0.0",
@@ -65,6 +74,7 @@
     "@types/react-dom": "^18.2.25",
     "@typescript-eslint/eslint-plugin": "^8.33.1",
     "@typescript-eslint/parser": "^8.33.1",
+    "@vitejs/plugin-basic-ssl": "^2.1.0",
     "@vitejs/plugin-react": "^4.5.1",
     "dumi": "^2.4.21",
     "eslint": "^9.28.0",

package/dist/ChartCodeRender/Loading.d.ts

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

package/dist/ChartCodeRender/VisChart.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { ChartComponents } from './type';
-type RenderVisChartProps = {
-    content: string;
-    components: ChartComponents;
-    debug?: boolean;
-    loadingTimeout: number;
-    style?: React.CSSProperties;
-};
-export declare const RenderVisChart: React.FC<RenderVisChartProps>;
-export {};

package/dist/ChartContainer/chartContextProvider.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface ChartConfigType {
-    theme?: string;
-}
-export type ChartConfigProviderProps = {
-    children?: React.ReactNode;
-} & ChartConfigType;
-export declare const ChartConfigContext: React.Context<ChartConfigType>;
-export declare const ChartConfigProvider: React.FC<ChartConfigProviderProps>;
-export {};

package/dist/ChartContainer/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { BaseChartProps } from '../types';
-export interface ChartContainerProps extends BaseChartProps {
-    Chart?: React.ReactNode;
-    chartTheme?: string;
-    chartName?: string;
-}
-declare function ChartContainer({ Chart, containerStyle, className, chartTheme, chartName }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
-export { ChartContainer };

package/dist/ChartContainer/style.d.ts

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