@visactor/vseed 0.4.3 → 0.4.4

package/dist/esm/theme/dark/dark.js

@@ -14,6 +14,8 @@ import { getHistogramTheme } from "./histogram.js";
 import { getBoxPlotTheme } from "./boxPlot.js";
 import { getCirclePackingTheme, getSunburstTheme, getTreeMapTheme } from "./hierarchy.js";
 import { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from "./race.js";
+import { getRaceLineTheme } from "./raceLine.js";
+import { getRaceDonutTheme, getRacePieTheme } from "./racePie.js";
 const darkTheme = ()=>{
     const tableConfig = getDarkTableConfig();
     return {
@@ -36,16 +38,19 @@ const darkTheme = ()=>{
             radar: getRadarTheme(),
             rose: getRoseTheme(),
             roseParallel: getRoseParallelTheme(),
-            funnel: getFunnelTheme(),
-            heatmap: getHeatmapTheme(),
-            histogram: getHistogramTheme(),
-            boxPlot: getBoxPlotTheme(),
             treeMap: getTreeMapTheme(),
             sunburst: getSunburstTheme(),
             circlePacking: getCirclePackingTheme(),
             raceBar: getRaceBarTheme(),
             raceColumn: getRaceColumnTheme(),
-            raceScatter: getRaceScatterTheme()
+            raceScatter: getRaceScatterTheme(),
+            raceLine: getRaceLineTheme(),
+            racePie: getRacePieTheme(),
+            raceDonut: getRaceDonutTheme(),
+            funnel: getFunnelTheme(),
+            heatmap: getHeatmapTheme(),
+            histogram: getHistogramTheme(),
+            boxPlot: getBoxPlotTheme()
         }
     };
 };

package/dist/esm/theme/dark/dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme/dark/dark.js","sources":["webpack://@visactor/vseed/./src/theme/dark/dark.ts"],"sourcesContent":["import type { CustomThemeConfig } from 'src/types'\nimport { getDarkTableConfig } from '../common'\n\nimport { getLineTheme } from './line'\nimport { getColumnTheme, getColumnParallelTheme, getColumnPercentTheme } from './column'\nimport { getBarTheme, getBarParallelTheme, getBarPercentTheme } from './bar'\nimport { getAreaTheme, getAreaPercentTheme } from './area'\nimport { getScatterTheme } from './scatter'\nimport { getDualAxisTheme } from './dualAxis'\nimport { getPieTheme, getDonutTheme } from './pie'\nimport { getRadarTheme } from './radar'\nimport { getRoseTheme, getRoseParallelTheme } from './rose'\nimport { getFunnelTheme } from './funnel'\nimport { getHeatmapTheme } from './heatmap'\nimport { getHistogramTheme } from './histogram'\nimport { getBoxPlotTheme } from './boxPlot'\nimport { getTreeMapTheme, getSunburstTheme, getCirclePackingTheme } from './hierarchy'\nimport { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from './race'\n\nexport const darkTheme = (): CustomThemeConfig => {\n  const tableConfig = getDarkTableConfig()\n\n  return {\n    config: {\n      table: tableConfig,\n      pivotTable: tableConfig,\n\n      // cartesian\n      line: getLineTheme(),\n      column: getColumnTheme(),\n      columnParallel: getColumnParallelTheme(),\n      columnPercent: getColumnPercentTheme(),\n      bar: getBarTheme(),\n      barParallel: getBarParallelTheme(),\n      barPercent: getBarPercentTheme(),\n      area: getAreaTheme(),\n      areaPercent: getAreaPercentTheme(),\n      scatter: getScatterTheme(),\n      dualAxis: getDualAxisTheme(),\n\n      // polar\n      pie: getPieTheme(),\n      donut: getDonutTheme(),\n      radar: getRadarTheme(),\n      rose: getRoseTheme(),\n      roseParallel: getRoseParallelTheme(),\n\n      // other\n      funnel: getFunnelTheme(),\n      heatmap: getHeatmapTheme(),\n      histogram: getHistogramTheme(),\n      boxPlot: getBoxPlotTheme(),\n\n      // hierarchy\n      treeMap: getTreeMapTheme(),\n      sunburst: getSunburstTheme(),\n      circlePacking: getCirclePackingTheme(),\n\n      // race\n      raceBar: getRaceBarTheme(),\n      raceColumn: getRaceColumnTheme(),\n      raceScatter: getRaceScatterTheme(),\n    },\n  }\n}\n"],"names":["darkTheme","tableConfig","getDarkTableConfig","getLineTheme","getColumnTheme","getColumnParallelTheme","getColumnPercentTheme","getBarTheme","getBarParallelTheme","getBarPercentTheme","getAreaTheme","getAreaPercentTheme","getScatterTheme","getDualAxisTheme","getPieTheme","getDonutTheme","getRadarTheme","getRoseTheme","getRoseParallelTheme","getFunnelTheme","getHeatmapTheme","getHistogramTheme","getBoxPlotTheme","getTreeMapTheme","getSunburstTheme","getCirclePackingTheme","getRaceBarTheme","getRaceColumnTheme","getRaceScatterTheme"],"mappings":";;;;;;;;;;;;;;;;AAmBO,MAAMA,YAAY;IACvB,MAAMC,cAAcC;IAEpB,OAAO;QACL,QAAQ;YACN,OAAOD;YACP,YAAYA;YAGZ,MAAME;YACN,QAAQC;YACR,gBAAgBC;YAChB,eAAeC;YACf,KAAKC;YACL,aAAaC;YACb,YAAYC;YACZ,MAAMC;YACN,aAAaC;YACb,SAASC;YACT,UAAUC;YAGV,KAAKC;YACL,OAAOC;YACP,OAAOC;YACP,MAAMC;YACN,cAAcC;YAGd,QAAQC;YACR,SAASC;YACT,WAAWC;YACX,SAASC;YAGT,SAASC;YACT,UAAUC;YACV,eAAeC;YAGf,SAASC;YACT,YAAYC;YACZ,aAAaC;QACf;IACF;AACF"}
+{"version":3,"file":"theme/dark/dark.js","sources":["webpack://@visactor/vseed/./src/theme/dark/dark.ts"],"sourcesContent":["import type { CustomThemeConfig } from 'src/types'\nimport { getDarkTableConfig } from '../common'\n\nimport { getLineTheme } from './line'\nimport { getColumnTheme, getColumnParallelTheme, getColumnPercentTheme } from './column'\nimport { getBarTheme, getBarParallelTheme, getBarPercentTheme } from './bar'\nimport { getAreaTheme, getAreaPercentTheme } from './area'\nimport { getScatterTheme } from './scatter'\nimport { getDualAxisTheme } from './dualAxis'\nimport { getPieTheme, getDonutTheme } from './pie'\nimport { getRadarTheme } from './radar'\nimport { getRoseTheme, getRoseParallelTheme } from './rose'\nimport { getFunnelTheme } from './funnel'\nimport { getHeatmapTheme } from './heatmap'\nimport { getHistogramTheme } from './histogram'\nimport { getBoxPlotTheme } from './boxPlot'\nimport { getTreeMapTheme, getSunburstTheme, getCirclePackingTheme } from './hierarchy'\nimport { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from './race'\nimport { getRaceLineTheme } from './raceLine'\nimport { getRacePieTheme, getRaceDonutTheme } from './racePie'\n\nexport const darkTheme = (): CustomThemeConfig => {\n  const tableConfig = getDarkTableConfig()\n\n  return {\n    config: {\n      table: tableConfig,\n      pivotTable: tableConfig,\n\n      // cartesian\n      line: getLineTheme(),\n      column: getColumnTheme(),\n      columnParallel: getColumnParallelTheme(),\n      columnPercent: getColumnPercentTheme(),\n      bar: getBarTheme(),\n      barParallel: getBarParallelTheme(),\n      barPercent: getBarPercentTheme(),\n      area: getAreaTheme(),\n      areaPercent: getAreaPercentTheme(),\n      scatter: getScatterTheme(),\n      dualAxis: getDualAxisTheme(),\n\n      // polar\n      pie: getPieTheme(),\n      donut: getDonutTheme(),\n      radar: getRadarTheme(),\n      rose: getRoseTheme(),\n      roseParallel: getRoseParallelTheme(),\n\n      // hierarchy\n      treeMap: getTreeMapTheme(),\n      sunburst: getSunburstTheme(),\n      circlePacking: getCirclePackingTheme(),\n\n      // race\n      raceBar: getRaceBarTheme(),\n      raceColumn: getRaceColumnTheme(),\n      raceScatter: getRaceScatterTheme(),\n      raceLine: getRaceLineTheme(),\n      racePie: getRacePieTheme(),\n      raceDonut: getRaceDonutTheme(),\n\n      // other\n      funnel: getFunnelTheme(),\n      heatmap: getHeatmapTheme(),\n      histogram: getHistogramTheme(),\n      boxPlot: getBoxPlotTheme(),\n    },\n  }\n}\n"],"names":["darkTheme","tableConfig","getDarkTableConfig","getLineTheme","getColumnTheme","getColumnParallelTheme","getColumnPercentTheme","getBarTheme","getBarParallelTheme","getBarPercentTheme","getAreaTheme","getAreaPercentTheme","getScatterTheme","getDualAxisTheme","getPieTheme","getDonutTheme","getRadarTheme","getRoseTheme","getRoseParallelTheme","getTreeMapTheme","getSunburstTheme","getCirclePackingTheme","getRaceBarTheme","getRaceColumnTheme","getRaceScatterTheme","getRaceLineTheme","getRacePieTheme","getRaceDonutTheme","getFunnelTheme","getHeatmapTheme","getHistogramTheme","getBoxPlotTheme"],"mappings":";;;;;;;;;;;;;;;;;;AAqBO,MAAMA,YAAY;IACvB,MAAMC,cAAcC;IAEpB,OAAO;QACL,QAAQ;YACN,OAAOD;YACP,YAAYA;YAGZ,MAAME;YACN,QAAQC;YACR,gBAAgBC;YAChB,eAAeC;YACf,KAAKC;YACL,aAAaC;YACb,YAAYC;YACZ,MAAMC;YACN,aAAaC;YACb,SAASC;YACT,UAAUC;YAGV,KAAKC;YACL,OAAOC;YACP,OAAOC;YACP,MAAMC;YACN,cAAcC;YAGd,SAASC;YACT,UAAUC;YACV,eAAeC;YAGf,SAASC;YACT,YAAYC;YACZ,aAAaC;YACb,UAAUC;YACV,SAASC;YACT,WAAWC;YAGX,QAAQC;YACR,SAASC;YACT,WAAWC;YACX,SAASC;QACX;IACF;AACF"}

package/dist/esm/theme/dark/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/dark/raceLine.js

@@ -0,0 +1,39 @@
+import { getLineTheme } from "./line.js";
+import { getDarkPlayer } from "../common/index.js";
+const getRaceLineTheme = ()=>{
+    const lineTheme = getLineTheme();
+    const player = getDarkPlayer();
+    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/dark/raceLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme/dark/raceLine.js","sources":["webpack://@visactor/vseed/./src/theme/dark/raceLine.ts"],"sourcesContent":["import type { Player } from 'src/types'\nimport { getLineTheme } from './line'\nimport { getDarkPlayer } from '../common'\n\nexport const getRaceLineTheme = () => {\n  const lineTheme = getLineTheme()\n  const player = getDarkPlayer() 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","getDarkPlayer"],"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/dark/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/dark/racePie.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme/dark/racePie.js","sources":["webpack://@visactor/vseed/./src/theme/dark/racePie.ts"],"sourcesContent":["import type { Player } from 'src/types'\nimport { getPieTheme } from './pie'\nimport { getDarkPlayer } from '../common'\n\nexport const getRacePieTheme = () => {\n  const pieTheme = getPieTheme()\n  const player = getDarkPlayer() 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","getDarkPlayer","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/theme/light/light.js

@@ -14,6 +14,8 @@ import { getHistogramTheme } from "./histogram.js";
 import { getBoxPlotTheme } from "./boxPlot.js";
 import { getCirclePackingTheme, getSunburstTheme, getTreeMapTheme } from "./hierarchy.js";
 import { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from "./race.js";
+import { getRaceLineTheme } from "./raceLine.js";
+import { getRaceDonutTheme, getRacePieTheme } from "./racePie.js";
 const lightTheme = ()=>{
     const tableConfig = getLightTableConfig();
     return {
@@ -45,7 +47,10 @@ const lightTheme = ()=>{
             circlePacking: getCirclePackingTheme(),
             raceBar: getRaceBarTheme(),
             raceColumn: getRaceColumnTheme(),
-            raceScatter: getRaceScatterTheme()
+            raceScatter: getRaceScatterTheme(),
+            raceLine: getRaceLineTheme(),
+            racePie: getRacePieTheme(),
+            raceDonut: getRaceDonutTheme()
         }
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"theme/light/light.js","sources":["webpack://@visactor/vseed/./src/theme/light/light.ts"],"sourcesContent":["import type { CustomThemeConfig } from 'src/types'\nimport { getLightTableConfig } from '../common'\n\nimport { getLineTheme } from './line'\nimport { getColumnTheme, getColumnParallelTheme, getColumnPercentTheme } from './column'\nimport { getBarTheme, getBarParallelTheme, getBarPercentTheme } from './bar'\nimport { getAreaTheme, getAreaPercentTheme } from './area'\nimport { getScatterTheme } from './scatter'\nimport { getDualAxisTheme } from './dualAxis'\nimport { getPieTheme, getDonutTheme } from './pie'\nimport { getRadarTheme } from './radar'\nimport { getRoseTheme, getRoseParallelTheme } from './rose'\nimport { getFunnelTheme } from './funnel'\nimport { getHeatmapTheme } from './heatmap'\nimport { getHistogramTheme } from './histogram'\nimport { getBoxPlotTheme } from './boxPlot'\nimport { getTreeMapTheme, getSunburstTheme, getCirclePackingTheme } from './hierarchy'\nimport { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from './race'\n\nexport const lightTheme = (): CustomThemeConfig => {\n  const tableConfig = getLightTableConfig()\n\n  return {\n    config: {\n      // table\n      table: tableConfig,\n      pivotTable: tableConfig,\n      // cartesian\n      line: getLineTheme(),\n      column: getColumnTheme(),\n      columnParallel: getColumnParallelTheme(),\n      columnPercent: getColumnPercentTheme(),\n      bar: getBarTheme(),\n      barParallel: getBarParallelTheme(),\n      barPercent: getBarPercentTheme(),\n      area: getAreaTheme(),\n      areaPercent: getAreaPercentTheme(),\n      scatter: getScatterTheme(),\n      dualAxis: getDualAxisTheme(),\n      // polar\n      pie: getPieTheme(),\n      donut: getDonutTheme(),\n      radar: getRadarTheme(),\n      rose: getRoseTheme(),\n      roseParallel: getRoseParallelTheme(),\n      // other\n      funnel: getFunnelTheme(),\n      heatmap: getHeatmapTheme(),\n      histogram: getHistogramTheme(),\n      boxPlot: getBoxPlotTheme(),\n\n      // hierarchy\n      treeMap: getTreeMapTheme(),\n      sunburst: getSunburstTheme(),\n      circlePacking: getCirclePackingTheme(),\n\n      // race\n      raceBar: getRaceBarTheme(),\n      raceColumn: getRaceColumnTheme(),\n      raceScatter: getRaceScatterTheme(),\n    },\n  }\n}\n"],"names":["lightTheme","tableConfig","getLightTableConfig","getLineTheme","getColumnTheme","getColumnParallelTheme","getColumnPercentTheme","getBarTheme","getBarParallelTheme","getBarPercentTheme","getAreaTheme","getAreaPercentTheme","getScatterTheme","getDualAxisTheme","getPieTheme","getDonutTheme","getRadarTheme","getRoseTheme","getRoseParallelTheme","getFunnelTheme","getHeatmapTheme","getHistogramTheme","getBoxPlotTheme","getTreeMapTheme","getSunburstTheme","getCirclePackingTheme","getRaceBarTheme","getRaceColumnTheme","getRaceScatterTheme"],"mappings":";;;;;;;;;;;;;;;;AAmBO,MAAMA,aAAa;IACxB,MAAMC,cAAcC;IAEpB,OAAO;QACL,QAAQ;YAEN,OAAOD;YACP,YAAYA;YAEZ,MAAME;YACN,QAAQC;YACR,gBAAgBC;YAChB,eAAeC;YACf,KAAKC;YACL,aAAaC;YACb,YAAYC;YACZ,MAAMC;YACN,aAAaC;YACb,SAASC;YACT,UAAUC;YAEV,KAAKC;YACL,OAAOC;YACP,OAAOC;YACP,MAAMC;YACN,cAAcC;YAEd,QAAQC;YACR,SAASC;YACT,WAAWC;YACX,SAASC;YAGT,SAASC;YACT,UAAUC;YACV,eAAeC;YAGf,SAASC;YACT,YAAYC;YACZ,aAAaC;QACf;IACF;AACF"}
+{"version":3,"file":"theme/light/light.js","sources":["webpack://@visactor/vseed/./src/theme/light/light.ts"],"sourcesContent":["import type { CustomThemeConfig } from 'src/types'\nimport { getLightTableConfig } from '../common'\n\nimport { getLineTheme } from './line'\nimport { getColumnTheme, getColumnParallelTheme, getColumnPercentTheme } from './column'\nimport { getBarTheme, getBarParallelTheme, getBarPercentTheme } from './bar'\nimport { getAreaTheme, getAreaPercentTheme } from './area'\nimport { getScatterTheme } from './scatter'\nimport { getDualAxisTheme } from './dualAxis'\nimport { getPieTheme, getDonutTheme } from './pie'\nimport { getRadarTheme } from './radar'\nimport { getRoseTheme, getRoseParallelTheme } from './rose'\nimport { getFunnelTheme } from './funnel'\nimport { getHeatmapTheme } from './heatmap'\nimport { getHistogramTheme } from './histogram'\nimport { getBoxPlotTheme } from './boxPlot'\nimport { getTreeMapTheme, getSunburstTheme, getCirclePackingTheme } from './hierarchy'\nimport { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from './race'\nimport { getRaceLineTheme } from './raceLine'\nimport { getRacePieTheme, getRaceDonutTheme } from './racePie'\n\nexport const lightTheme = (): CustomThemeConfig => {\n  const tableConfig = getLightTableConfig()\n\n  return {\n    config: {\n      // table\n      table: tableConfig,\n      pivotTable: tableConfig,\n      // cartesian\n      line: getLineTheme(),\n      column: getColumnTheme(),\n      columnParallel: getColumnParallelTheme(),\n      columnPercent: getColumnPercentTheme(),\n      bar: getBarTheme(),\n      barParallel: getBarParallelTheme(),\n      barPercent: getBarPercentTheme(),\n      area: getAreaTheme(),\n      areaPercent: getAreaPercentTheme(),\n      scatter: getScatterTheme(),\n      dualAxis: getDualAxisTheme(),\n      // polar\n      pie: getPieTheme(),\n      donut: getDonutTheme(),\n      radar: getRadarTheme(),\n      rose: getRoseTheme(),\n      roseParallel: getRoseParallelTheme(),\n      // other\n      funnel: getFunnelTheme(),\n      heatmap: getHeatmapTheme(),\n      histogram: getHistogramTheme(),\n      boxPlot: getBoxPlotTheme(),\n\n      // hierarchy\n      treeMap: getTreeMapTheme(),\n      sunburst: getSunburstTheme(),\n      circlePacking: getCirclePackingTheme(),\n\n      // race\n      raceBar: getRaceBarTheme(),\n      raceColumn: getRaceColumnTheme(),\n      raceScatter: getRaceScatterTheme(),\n      raceLine: getRaceLineTheme(),\n      racePie: getRacePieTheme(),\n      raceDonut: getRaceDonutTheme(),\n    },\n  }\n}\n"],"names":["lightTheme","tableConfig","getLightTableConfig","getLineTheme","getColumnTheme","getColumnParallelTheme","getColumnPercentTheme","getBarTheme","getBarParallelTheme","getBarPercentTheme","getAreaTheme","getAreaPercentTheme","getScatterTheme","getDualAxisTheme","getPieTheme","getDonutTheme","getRadarTheme","getRoseTheme","getRoseParallelTheme","getFunnelTheme","getHeatmapTheme","getHistogramTheme","getBoxPlotTheme","getTreeMapTheme","getSunburstTheme","getCirclePackingTheme","getRaceBarTheme","getRaceColumnTheme","getRaceScatterTheme","getRaceLineTheme","getRacePieTheme","getRaceDonutTheme"],"mappings":";;;;;;;;;;;;;;;;;;AAqBO,MAAMA,aAAa;IACxB,MAAMC,cAAcC;IAEpB,OAAO;QACL,QAAQ;YAEN,OAAOD;YACP,YAAYA;YAEZ,MAAME;YACN,QAAQC;YACR,gBAAgBC;YAChB,eAAeC;YACf,KAAKC;YACL,aAAaC;YACb,YAAYC;YACZ,MAAMC;YACN,aAAaC;YACb,SAASC;YACT,UAAUC;YAEV,KAAKC;YACL,OAAOC;YACP,OAAOC;YACP,MAAMC;YACN,cAAcC;YAEd,QAAQC;YACR,SAASC;YACT,WAAWC;YACX,SAASC;YAGT,SAASC;YACT,UAAUC;YACV,eAAeC;YAGf,SAASC;YACT,YAAYC;YACZ,aAAaC;YACb,UAAUC;YACV,SAASC;YACT,WAAWC;QACb;IACF;AACF"}