@visactor/vseed 0.4.2 → 0.4.4

package/dist/esm/theme/light/raceLine.d.ts

@@ -0,0 +1,182 @@
+import type { Player } from '../../types';
+export declare const getRaceLineTheme: () => {
+    legend: {
+        enable: boolean;
+        border?: boolean;
+        labelColor?: string;
+        pagerIconColor?: string;
+        pagerIconDisableColor?: string;
+        labelFontSize?: number;
+        labelFontColor?: string;
+        labelFontWeight?: number | string;
+        shapeType?: "circle" | "cross" | "diamond" | "square" | "arrow" | "arrow2Left" | "arrow2Right" | "wedge" | "thinTriangle" | "triangle" | "triangleUp" | "triangleDown" | "triangleRight" | "triangleLeft" | "stroke" | "star" | "wye" | "rect" | "arrowLeft" | "arrowRight" | "rectRound" | "roundLine";
+        position?: "left" | "leftTop" | "leftBottom" | "lt" | "lb" | "top" | "topLeft" | "topRight" | "tl" | "tr" | "right" | "rightTop" | "rightBottom" | "rt" | "rb" | "bottom" | "bottomLeft" | "bottomRight" | "bl" | "br";
+        maxSize?: number;
+    };
+    xAxis: {
+        animation: {
+            duration: number | undefined;
+        };
+        visible?: boolean;
+        inverse?: boolean;
+        zero?: boolean;
+        labelAutoHide?: boolean;
+        labelAutoHideGap?: number;
+        labelAutoRotate?: boolean;
+        labelAutoRotateAngleRange?: number[];
+        labelAutoLimit?: boolean;
+        labelAutoLimitLength?: number;
+        label?: {
+            visible?: boolean;
+            labelColor?: string;
+            labelFontSize?: number;
+            labelFontWeight?: number;
+            labelAngle?: number;
+        };
+        line?: {
+            visible?: boolean;
+            lineColor?: string;
+            lineWidth?: number;
+        };
+        tick?: {
+            visible?: boolean;
+            tickInside?: boolean;
+            tickColor?: string;
+            tickSize?: number;
+        };
+        title?: {
+            visible?: boolean;
+            titleText?: string;
+            titleColor?: string;
+            titleFontSize?: number;
+            titleFontWeight?: number;
+        };
+        grid?: {
+            visible?: boolean;
+            gridColor?: string;
+            gridWidth?: number;
+            gridLineDash?: number[];
+        };
+    };
+    label: {
+        enable: boolean;
+        labelStroke: string;
+        wrap: boolean;
+        showValue: boolean;
+        showValuePercent: boolean;
+        labelColorSmartInvert: boolean;
+        labelOverlap: boolean;
+    };
+    yAxis: {
+        max: boolean;
+        animation: {
+            duration: number | undefined;
+            easing: string;
+        };
+        nice: boolean;
+        visible?: boolean;
+        min?: number;
+        log?: boolean;
+        logBase?: number;
+        inverse?: boolean;
+        zero?: boolean;
+        autoFormat?: boolean;
+        numFormat?: import("../../types").NumFormat;
+        label?: {
+            visible?: boolean;
+            labelColor?: string;
+            labelFontSize?: number;
+            labelFontWeight?: number;
+            labelAngle?: number;
+        };
+        line?: {
+            visible?: boolean;
+            lineColor?: string;
+            lineWidth?: number;
+        };
+        tick?: {
+            visible?: boolean;
+            tickInside?: boolean;
+            tickColor?: string;
+            tickSize?: number;
+        };
+        title?: {
+            visible?: boolean;
+            titleText?: string;
+            titleColor?: string;
+            titleFontSize?: number;
+            titleFontWeight?: number;
+        };
+        grid?: {
+            visible?: boolean;
+            gridColor?: string;
+            gridWidth?: number;
+            gridLineDash?: number[];
+        };
+    };
+    player: Player;
+    crosshairLine: {
+        visible: boolean;
+        labelVisible: boolean;
+        labelColor: string;
+        labelBackgroundColor: string;
+        lineColor: string;
+    };
+    pivotGrid: {
+        borderColor?: string | null | undefined;
+        bodyFontColor?: string | null | undefined;
+        headerFontColor?: string | null | undefined;
+        headerBackgroundColor?: string | null | undefined;
+        hoverHeaderBackgroundColor?: string | null | undefined;
+        hoverHeaderInlineBackgroundColor?: string | null | undefined;
+        outlineBorderLineWidth?: number | null | undefined;
+        frameCornerRadius?: number | null | undefined;
+        minChartWidth?: number | null | undefined;
+        minChartHeight?: number | null | undefined;
+        titleFontColor?: string | null | undefined;
+        titleFontSize?: number | null | undefined;
+        titleFontWeight?: string | null | undefined;
+        chartGridColor?: string | null | undefined;
+        axisLabelColor?: string | null | undefined;
+    };
+    annotation: {
+        annotationPoint: import("../../types").AnnotationPointConfig;
+        annotationHorizontalLine: import("../../types").AnnotationHorizontalLineConfig;
+        annotationVerticalLine: import("../../types").AnnotationHorizontalLineConfig;
+        annotationArea: import("../../types").AnnotationAreaConfig;
+    };
+    backgroundColor: string;
+    color: {
+        linearColorScheme: string[];
+        colorScheme: string[];
+        positiveColor: string;
+        negativeColor: string;
+    };
+    tooltip: {
+        enable?: boolean | null | undefined;
+        borderColor?: string | null | undefined;
+        borderWidth?: number | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: number | number[] | null | undefined;
+        backgroundColor?: string | null | undefined;
+        lineHeight?: number | null | undefined;
+        fontSize?: number | null | undefined;
+        lineSpace?: number | null | undefined;
+        keyColor?: string | null | undefined;
+        valueColor?: string | null | undefined;
+        titleColor?: string | null | undefined;
+    };
+    brush: {
+        enable: boolean;
+        inBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+        outOfBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+    };
+};

package/dist/esm/theme/light/raceLine.js

@@ -0,0 +1,39 @@
+import { getLineTheme } from "./line.js";
+import { getLightPlayer } from "../common/index.js";
+const getRaceLineTheme = ()=>{
+    const lineTheme = getLineTheme();
+    const player = getLightPlayer();
+    return {
+        ...lineTheme,
+        legend: {
+            ...lineTheme.legend,
+            enable: false
+        },
+        xAxis: {
+            ...lineTheme.xAxis,
+            animation: {
+                duration: player.interval
+            }
+        },
+        label: {
+            ...lineTheme.label,
+            enable: false
+        },
+        yAxis: {
+            ...lineTheme.yAxis,
+            max: true,
+            animation: {
+                duration: player.interval,
+                easing: 'linear'
+            },
+            nice: true
+        },
+        player: {
+            ...player,
+            maxCount: false
+        }
+    };
+};
+export { getRaceLineTheme };
+
+//# sourceMappingURL=raceLine.js.map

package/dist/esm/theme/light/raceLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme/light/raceLine.js","sources":["webpack://@visactor/vseed/./src/theme/light/raceLine.ts"],"sourcesContent":["import type { Player } from 'src/types'\nimport { getLineTheme } from './line'\nimport { getLightPlayer } from '../common'\n\nexport const getRaceLineTheme = () => {\n  const lineTheme = getLineTheme()\n  const player = getLightPlayer() as Player\n\n  return {\n    ...lineTheme,\n    legend: {\n      ...lineTheme.legend,\n      enable: false,\n    },\n    xAxis: {\n      ...lineTheme.xAxis,\n      animation: {\n        duration: player.interval,\n      },\n    },\n    label: {\n      ...lineTheme.label,\n      enable: false,\n    },\n    yAxis: {\n      ...lineTheme.yAxis,\n      max: true,\n      animation: {\n        duration: player.interval,\n        easing: 'linear',\n      },\n      nice: true,\n    },\n    player: {\n      ...player,\n      maxCount: false as const,\n    } as Player,\n  }\n}\n"],"names":["getRaceLineTheme","lineTheme","getLineTheme","player","getLightPlayer"],"mappings":";;AAIO,MAAMA,mBAAmB;IAC9B,MAAMC,YAAYC;IAClB,MAAMC,SAASC;IAEf,OAAO;QACL,GAAGH,SAAS;QACZ,QAAQ;YACN,GAAGA,UAAU,MAAM;YACnB,QAAQ;QACV;QACA,OAAO;YACL,GAAGA,UAAU,KAAK;YAClB,WAAW;gBACT,UAAUE,OAAO,QAAQ;YAC3B;QACF;QACA,OAAO;YACL,GAAGF,UAAU,KAAK;YAClB,QAAQ;QACV;QACA,OAAO;YACL,GAAGA,UAAU,KAAK;YAClB,KAAK;YACL,WAAW;gBACT,UAAUE,OAAO,QAAQ;gBACzB,QAAQ;YACV;YACA,MAAM;QACR;QACA,QAAQ;YACN,GAAGA,MAAM;YACT,UAAU;QACZ;IACF;AACF"}

package/dist/esm/theme/light/racePie.d.ts

@@ -0,0 +1,157 @@
+import type { Player } from '../../types';
+export declare const getRacePieTheme: () => {
+    legend: {
+        enable: boolean;
+        border?: boolean;
+        labelColor?: string;
+        pagerIconColor?: string;
+        pagerIconDisableColor?: string;
+        labelFontSize?: number;
+        labelFontColor?: string;
+        labelFontWeight?: number | string;
+        shapeType?: "circle" | "cross" | "diamond" | "square" | "arrow" | "arrow2Left" | "arrow2Right" | "wedge" | "thinTriangle" | "triangle" | "triangleUp" | "triangleDown" | "triangleRight" | "triangleLeft" | "stroke" | "star" | "wye" | "rect" | "arrowLeft" | "arrowRight" | "rectRound" | "roundLine";
+        position?: "left" | "leftTop" | "leftBottom" | "lt" | "lb" | "top" | "topLeft" | "topRight" | "tl" | "tr" | "right" | "rightTop" | "rightBottom" | "rt" | "rb" | "bottom" | "bottomLeft" | "bottomRight" | "bl" | "br";
+        maxSize?: number;
+    };
+    player: Player;
+    label: {
+        showValuePercent: boolean;
+        labelLayout: "arc";
+        showDimension: boolean;
+        labelStroke: string;
+        enable: boolean;
+        wrap: boolean;
+        showValue: boolean;
+        labelColorSmartInvert: boolean;
+        labelOverlap: boolean;
+    };
+    pivotGrid: {
+        borderColor?: string | null | undefined;
+        bodyFontColor?: string | null | undefined;
+        headerFontColor?: string | null | undefined;
+        headerBackgroundColor?: string | null | undefined;
+        hoverHeaderBackgroundColor?: string | null | undefined;
+        hoverHeaderInlineBackgroundColor?: string | null | undefined;
+        outlineBorderLineWidth?: number | null | undefined;
+        frameCornerRadius?: number | null | undefined;
+        minChartWidth?: number | null | undefined;
+        minChartHeight?: number | null | undefined;
+        titleFontColor?: string | null | undefined;
+        titleFontSize?: number | null | undefined;
+        titleFontWeight?: string | null | undefined;
+        chartGridColor?: string | null | undefined;
+        axisLabelColor?: string | null | undefined;
+    };
+    backgroundColor: string;
+    color: {
+        linearColorScheme: string[];
+        colorScheme: string[];
+        positiveColor: string;
+        negativeColor: string;
+    };
+    tooltip: {
+        enable?: boolean | null | undefined;
+        borderColor?: string | null | undefined;
+        borderWidth?: number | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: number | number[] | null | undefined;
+        backgroundColor?: string | null | undefined;
+        lineHeight?: number | null | undefined;
+        fontSize?: number | null | undefined;
+        lineSpace?: number | null | undefined;
+        keyColor?: string | null | undefined;
+        valueColor?: string | null | undefined;
+        titleColor?: string | null | undefined;
+    };
+    brush: {
+        enable: boolean;
+        inBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+        outOfBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+    };
+};
+export declare const getRaceDonutTheme: () => {
+    legend: {
+        enable: boolean;
+        border?: boolean;
+        labelColor?: string;
+        pagerIconColor?: string;
+        pagerIconDisableColor?: string;
+        labelFontSize?: number;
+        labelFontColor?: string;
+        labelFontWeight?: number | string;
+        shapeType?: "circle" | "cross" | "diamond" | "square" | "arrow" | "arrow2Left" | "arrow2Right" | "wedge" | "thinTriangle" | "triangle" | "triangleUp" | "triangleDown" | "triangleRight" | "triangleLeft" | "stroke" | "star" | "wye" | "rect" | "arrowLeft" | "arrowRight" | "rectRound" | "roundLine";
+        position?: "left" | "leftTop" | "leftBottom" | "lt" | "lb" | "top" | "topLeft" | "topRight" | "tl" | "tr" | "right" | "rightTop" | "rightBottom" | "rt" | "rb" | "bottom" | "bottomLeft" | "bottomRight" | "bl" | "br";
+        maxSize?: number;
+    };
+    player: Player;
+    label: {
+        showValuePercent: boolean;
+        labelLayout: "arc";
+        showDimension: boolean;
+        labelStroke: string;
+        enable: boolean;
+        wrap: boolean;
+        showValue: boolean;
+        labelColorSmartInvert: boolean;
+        labelOverlap: boolean;
+    };
+    pivotGrid: {
+        borderColor?: string | null | undefined;
+        bodyFontColor?: string | null | undefined;
+        headerFontColor?: string | null | undefined;
+        headerBackgroundColor?: string | null | undefined;
+        hoverHeaderBackgroundColor?: string | null | undefined;
+        hoverHeaderInlineBackgroundColor?: string | null | undefined;
+        outlineBorderLineWidth?: number | null | undefined;
+        frameCornerRadius?: number | null | undefined;
+        minChartWidth?: number | null | undefined;
+        minChartHeight?: number | null | undefined;
+        titleFontColor?: string | null | undefined;
+        titleFontSize?: number | null | undefined;
+        titleFontWeight?: string | null | undefined;
+        chartGridColor?: string | null | undefined;
+        axisLabelColor?: string | null | undefined;
+    };
+    backgroundColor: string;
+    color: {
+        linearColorScheme: string[];
+        colorScheme: string[];
+        positiveColor: string;
+        negativeColor: string;
+    };
+    tooltip: {
+        enable?: boolean | null | undefined;
+        borderColor?: string | null | undefined;
+        borderWidth?: number | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: number | number[] | null | undefined;
+        backgroundColor?: string | null | undefined;
+        lineHeight?: number | null | undefined;
+        fontSize?: number | null | undefined;
+        lineSpace?: number | null | undefined;
+        keyColor?: string | null | undefined;
+        valueColor?: string | null | undefined;
+        titleColor?: string | null | undefined;
+    };
+    brush: {
+        enable: boolean;
+        inBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+        outOfBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+    };
+};

package/dist/esm/theme/light/racePie.js

@@ -0,0 +1,18 @@
+import { getPieTheme } from "./pie.js";
+import { getLightPlayer } from "../common/index.js";
+const getRacePieTheme = ()=>{
+    const pieTheme = getPieTheme();
+    const player = getLightPlayer();
+    return {
+        ...pieTheme,
+        legend: {
+            ...pieTheme.legend,
+            enable: false
+        },
+        player
+    };
+};
+const getRaceDonutTheme = ()=>getRacePieTheme();
+export { getRaceDonutTheme, getRacePieTheme };
+
+//# sourceMappingURL=racePie.js.map

package/dist/esm/theme/light/racePie.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme/light/racePie.js","sources":["webpack://@visactor/vseed/./src/theme/light/racePie.ts"],"sourcesContent":["import type { Player } from 'src/types'\nimport { getPieTheme } from './pie'\nimport { getLightPlayer } from '../common'\n\nexport const getRacePieTheme = () => {\n  const pieTheme = getPieTheme()\n  const player = getLightPlayer() as Player\n\n  return {\n    ...pieTheme,\n    legend: {\n      ...pieTheme.legend,\n      enable: false,\n    },\n    player,\n  }\n}\n\nexport const getRaceDonutTheme = () => {\n  return getRacePieTheme()\n}\n"],"names":["getRacePieTheme","pieTheme","getPieTheme","player","getLightPlayer","getRaceDonutTheme"],"mappings":";;AAIO,MAAMA,kBAAkB;IAC7B,MAAMC,WAAWC;IACjB,MAAMC,SAASC;IAEf,OAAO;QACL,GAAGH,QAAQ;QACX,QAAQ;YACN,GAAGA,SAAS,MAAM;YAClB,QAAQ;QACV;QACAE;IACF;AACF;AAEO,MAAME,oBAAoB,IACxBL"}

package/dist/esm/types/builder/builder.d.ts

@@ -7,6 +7,7 @@ export declare abstract class VSeedBuilder {
     abstract build: () => Spec;
     abstract buildAdvanced: () => AdvancedVSeed | null;
     abstract buildSpec: (advancedVSeed: AdvancedVSeed) => Spec;
+    abstract prepare: () => Promise<void>;
     static getAdvancedPipeline: (chartType: ChartType) => AdvancedPipeline;
     static getSpecPipeline: (chartType: ChartType) => SpecPipeline;
     static getTheme: (themeKey: string) => CustomThemeConfig;

package/dist/esm/types/builder/builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"types/builder/builder.js","sources":["webpack://@visactor/vseed/./src/types/builder/builder.ts"],"sourcesContent":["import type { Spec } from 'src/types'\nimport type { ChartType, CustomThemeConfig } from '../properties'\nimport type { VSeed } from '../vseed'\nimport type { AdvancedPipeline, SpecPipeline } from '../pipeline'\nimport type { AdvancedVSeed } from '../advancedVSeed'\n\nexport abstract class VSeedBuilder {\n  abstract build: () => Spec\n  abstract buildAdvanced: () => AdvancedVSeed | null\n  abstract buildSpec: (advancedVSeed: AdvancedVSeed) => Spec\n\n  static getAdvancedPipeline: (chartType: ChartType) => AdvancedPipeline\n  static getSpecPipeline: (chartType: ChartType) => SpecPipeline\n  static getTheme: (themeKey: string) => CustomThemeConfig\n  static getThemeMap: () => Record<string, CustomThemeConfig>\n\n  abstract getColorItems: () => { id: string; alias: string }[]\n  abstract getColorIdMap: () => Record<string, { id: string; alias: string }>\n\n  abstract get spec(): Spec | null\n  abstract set spec(value: Spec | null)\n  abstract get vseed(): VSeed\n  abstract set vseed(value: VSeed)\n  abstract get advancedVSeed(): AdvancedVSeed | null\n  abstract set advancedVSeed(value: AdvancedVSeed | null)\n}\n"],"names":["VSeedBuilder"],"mappings":"AAMO,MAAeA;IAKpB,OAAO,oBAA+D;IACtE,OAAO,gBAAuD;IAC9D,OAAO,SAAiD;IACxD,OAAO,YAAoD;AAW7D"}
+{"version":3,"file":"types/builder/builder.js","sources":["webpack://@visactor/vseed/./src/types/builder/builder.ts"],"sourcesContent":["import type { Spec } from 'src/types'\nimport type { ChartType, CustomThemeConfig } from '../properties'\nimport type { VSeed } from '../vseed'\nimport type { AdvancedPipeline, SpecPipeline } from '../pipeline'\nimport type { AdvancedVSeed } from '../advancedVSeed'\n\nexport abstract class VSeedBuilder {\n  abstract build: () => Spec\n  abstract buildAdvanced: () => AdvancedVSeed | null\n  abstract buildSpec: (advancedVSeed: AdvancedVSeed) => Spec\n  abstract prepare: () => Promise<void>\n\n  static getAdvancedPipeline: (chartType: ChartType) => AdvancedPipeline\n  static getSpecPipeline: (chartType: ChartType) => SpecPipeline\n  static getTheme: (themeKey: string) => CustomThemeConfig\n  static getThemeMap: () => Record<string, CustomThemeConfig>\n\n  abstract getColorItems: () => { id: string; alias: string }[]\n  abstract getColorIdMap: () => Record<string, { id: string; alias: string }>\n\n  abstract get spec(): Spec | null\n  abstract set spec(value: Spec | null)\n  abstract get vseed(): VSeed\n  abstract set vseed(value: VSeed)\n  abstract get advancedVSeed(): AdvancedVSeed | null\n  abstract set advancedVSeed(value: AdvancedVSeed | null)\n}\n"],"names":["VSeedBuilder"],"mappings":"AAMO,MAAeA;IAMpB,OAAO,oBAA+D;IACtE,OAAO,gBAAuD;IAC9D,OAAO,SAAiD;IACxD,OAAO,YAAoD;AAW7D"}