@visactor/vchart 1.3.0-beta.9 → 1.3.0

package/cjs/theme/builtin/common/series/scatter.js

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.scatter = void 0;
-
-const constants_1 = require("../constants");
-
-exports.scatter = {
+}), exports.scatter = void 0, exports.scatter = {
     point: {
         style: {
             size: 8,
@@ -21,8 +17,7 @@ exports.scatter = {
         position: "top",
         style: {
             lineWidth: 2,
-            stroke: "white",
-            fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE
+            stroke: "white"
         }
     }
 };

package/cjs/theme/builtin/common/series/scatter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/scatter.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,OAAO,GAAwB;IAC1C,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,GAAG;SACjB;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,2BAAe,CAAC,eAAe;SAC1C;KACF;CACF,CAAC","file":"scatter.js","sourcesContent":["import type { IScatterSeriesTheme } from '../../../../series/scatter/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const scatter: IScatterSeriesTheme = {\n  point: {\n    style: {\n      size: 8,\n      symbolType: 'circle',\n      lineWidth: 0,\n      fillOpacity: 0.8\n    }\n  },\n  label: {\n    visible: false,\n    offset: 5,\n    position: 'top',\n    style: {\n      lineWidth: 2,\n      stroke: 'white',\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/scatter.ts"],"names":[],"mappings":";;;AAEa,QAAA,OAAO,GAAwB;IAC1C,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,CAAC;YACP,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,GAAG;SACjB;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,OAAO;SAChB;KACF;CACF,CAAC","file":"scatter.js","sourcesContent":["import type { IScatterSeriesTheme } from '../../../../series/scatter/interface';\n\nexport const scatter: IScatterSeriesTheme = {\n  point: {\n    style: {\n      size: 8,\n      symbolType: 'circle',\n      lineWidth: 0,\n      fillOpacity: 0.8\n    }\n  },\n  label: {\n    visible: false,\n    offset: 5,\n    position: 'top',\n    style: {\n      lineWidth: 2,\n      stroke: 'white'\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/series/sunburst.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.sunburst = void 0;
 
-const constant_1 = require("../../../../constant");
+const constant_1 = require("../../../../constant"), constants_1 = require("../constants");
 
 exports.sunburst = {
     innerRadius: 0,
@@ -34,7 +34,10 @@ exports.sunburst = {
             fill: {
                 type: "palette",
                 key: "primaryFontColor"
-            }
+            },
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily
         }
     }
 };

package/cjs/theme/builtin/common/series/sunburst.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/sunburst.ts"],"names":[],"mappings":";;;AAAA,mDAA0E;AAG7D,QAAA,QAAQ,GAAyB;IAC5C,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC;IACd,UAAU,EAAE,4BAAiB;IAC7B,QAAQ,EAAE,0BAAe;IACzB,GAAG,EAAE,CAAC;IACN,WAAW,EAAE;QACX,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,SAAS;SAClB;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;SACnD;KACF;CACF,CAAC","file":"sunburst.js","sourcesContent":["import { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../../../../constant';\nimport type { ISunburstSeriesTheme } from '../../../../series/sunburst/interface';\n\nexport const sunburst: ISunburstSeriesTheme = {\n  innerRadius: 0,\n  outerRadius: 1,\n  startAngle: POLAR_START_ANGLE,\n  endAngle: POLAR_END_ANGLE,\n  gap: 0,\n  labelLayout: {\n    align: 'center',\n    offset: 0,\n    rotate: 'radial'\n  },\n  sunburst: {\n    style: {\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      fillOpacity: 1,\n      cursor: 'pointer'\n    }\n  },\n  label: {\n    visible: true,\n    style: {\n      cursor: 'pointer',\n      fill: { type: 'palette', key: 'primaryFontColor' }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/sunburst.ts"],"names":[],"mappings":";;;AAAA,mDAA0E;AAE1E,4CAA+C;AAElC,QAAA,QAAQ,GAAyB;IAC5C,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC;IACd,UAAU,EAAE,4BAAiB;IAC7B,QAAQ,EAAE,0BAAe;IACzB,GAAG,EAAE,CAAC;IACN,WAAW,EAAE;QACX,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,CAAC;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,SAAS;SAClB;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;YAClD,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;SAC9C;KACF;CACF,CAAC","file":"sunburst.js","sourcesContent":["import { POLAR_END_ANGLE, POLAR_START_ANGLE } from '../../../../constant';\nimport type { ISunburstSeriesTheme } from '../../../../series/sunburst/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const sunburst: ISunburstSeriesTheme = {\n  innerRadius: 0,\n  outerRadius: 1,\n  startAngle: POLAR_START_ANGLE,\n  endAngle: POLAR_END_ANGLE,\n  gap: 0,\n  labelLayout: {\n    align: 'center',\n    offset: 0,\n    rotate: 'radial'\n  },\n  sunburst: {\n    style: {\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      fillOpacity: 1,\n      cursor: 'pointer'\n    }\n  },\n  label: {\n    visible: true,\n    style: {\n      cursor: 'pointer',\n      fill: { type: 'palette', key: 'primaryFontColor' },\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/series/treemap.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.treemap = void 0;
 
-const constants_1 = require("../constants"), fontSize = constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE;
+const constants_1 = require("../constants");
 
 exports.treemap = {
     gapWidth: 1,
@@ -17,19 +17,23 @@ exports.treemap = {
     },
     label: {
         style: {
-            fontSize: fontSize,
             fill: "white",
             textBaseline: "middle",
-            textAlign: "center"
+            textAlign: "center",
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily
         }
     },
     nonLeafLabel: {
-        padding: 2 * fontSize,
+        padding: 2 * constants_1.THEME_CONSTANTS.l4FontSize,
         style: {
             fill: "black",
             stroke: "white",
             lineWidth: 2,
-            fontSize: fontSize,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             textBaseline: "middle",
             textAlign: "center"
         }

package/cjs/theme/builtin/common/series/treemap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/treemap.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAE/C,MAAM,QAAQ,GAAG,2BAAe,CAAC,eAAe,CAAC;AAEpC,QAAA,OAAO,GAAwB;IAC1C,QAAQ,EAAE,CAAC;IACX,WAAW,EAAE,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,WAAW,EAAE,GAAG;SACjB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,QAAQ,GAAG,CAAC;QACrB,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,OAAO;YACf,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAC","file":"treemap.js","sourcesContent":["import type { ITreemapSeriesTheme } from '../../../../series/treemap/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nconst fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;\n\nexport const treemap: ITreemapSeriesTheme = {\n  gapWidth: 1,\n  nodePadding: [5],\n  nonLeaf: {\n    visible: false,\n    style: {\n      fillOpacity: 0.5\n    }\n  },\n  label: {\n    style: {\n      fontSize: fontSize,\n      fill: 'white',\n      textBaseline: 'middle',\n      textAlign: 'center'\n    }\n  },\n  nonLeafLabel: {\n    padding: fontSize * 2,\n    style: {\n      fill: 'black',\n      stroke: 'white',\n      lineWidth: 2,\n      fontSize: fontSize,\n      textBaseline: 'middle',\n      textAlign: 'center'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/treemap.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,OAAO,GAAwB;IAC1C,QAAQ,EAAE,CAAC;IACX,WAAW,EAAE,CAAC,CAAC,CAAC;IAChB,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,WAAW,EAAE,GAAG;SACjB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;SAC9C;KACF;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,2BAAe,CAAC,UAAU,GAAG,CAAC;QACvC,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,OAAO;YACf,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAC","file":"treemap.js","sourcesContent":["import type { ITreemapSeriesTheme } from '../../../../series/treemap/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const treemap: ITreemapSeriesTheme = {\n  gapWidth: 1,\n  nodePadding: [5],\n  nonLeaf: {\n    visible: false,\n    style: {\n      fillOpacity: 0.5\n    }\n  },\n  label: {\n    style: {\n      fill: 'white',\n      textBaseline: 'middle',\n      textAlign: 'center',\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily\n    }\n  },\n  nonLeafLabel: {\n    padding: THEME_CONSTANTS.l4FontSize * 2,\n    style: {\n      fill: 'black',\n      stroke: 'white',\n      lineWidth: 2,\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      textBaseline: 'middle',\n      textAlign: 'center'\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/series/waterfall.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.waterfall = void 0;
 
-const constants_1 = require("../constants"), fontSize = constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE;
+const constants_1 = require("../constants");
 
 exports.waterfall = {
     seriesFieldName: {
@@ -24,16 +24,15 @@ exports.waterfall = {
         position: "withChange",
         style: {
             fill: "black",
-            fontSize: fontSize
+            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l4LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily
         }
     },
     label: {
         visible: !1,
         offset: 12,
-        position: "inside",
-        style: {
-            fontSize: fontSize
-        }
+        position: "inside"
     }
 };
 //# sourceMappingURL=waterfall.js.map

package/cjs/theme/builtin/common/series/waterfall.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/waterfall.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAE/C,MAAM,QAAQ,GAAG,2BAAe,CAAC,eAAe,CAAC;AAEpC,QAAA,SAAS,GAA0B;IAC9C,eAAe,EAAE;QACf,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;KACrB;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,QAAQ;SACT;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE;YACL,QAAQ;SACT;KACF;CACF,CAAC","file":"waterfall.js","sourcesContent":["import type { IWaterfallSeriesTheme } from '../../../../series/waterfall/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nconst fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;\n\nexport const waterfall: IWaterfallSeriesTheme = {\n  seriesFieldName: {\n    total: 'total',\n    increase: 'increase',\n    decrease: 'decrease'\n  },\n  leaderLine: {\n    style: {\n      stroke: 'black',\n      lineWidth: 1,\n      lineDash: [4, 4]\n    }\n  },\n  stackLabel: {\n    offset: 12,\n    position: 'withChange',\n    style: {\n      fill: 'black',\n      fontSize\n    }\n  },\n  label: {\n    visible: false,\n    offset: 12,\n    position: 'inside',\n    style: {\n      fontSize\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/waterfall.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,SAAS,GAA0B;IAC9C,eAAe,EAAE;QACf,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;KACrB;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,YAAY;QACtB,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;SAC9C;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC","file":"waterfall.js","sourcesContent":["import type { IWaterfallSeriesTheme } from '../../../../series/waterfall/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const waterfall: IWaterfallSeriesTheme = {\n  seriesFieldName: {\n    total: 'total',\n    increase: 'increase',\n    decrease: 'decrease'\n  },\n  leaderLine: {\n    style: {\n      stroke: 'black',\n      lineWidth: 1,\n      lineDash: [4, 4]\n    }\n  },\n  stackLabel: {\n    offset: 12,\n    position: 'withChange',\n    style: {\n      fill: 'black',\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      lineHeight: THEME_CONSTANTS.l4LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily\n    }\n  },\n  label: {\n    visible: false,\n    offset: 12,\n    position: 'inside'\n  }\n};\n"]}

package/cjs/theme/builtin/dark/color-scheme.js

@@ -12,21 +12,23 @@ exports.colorScheme = {
         palette: {
             backgroundColor: "#202226",
             borderColor: "#404349",
+            shadowColor: "#000000",
             primaryFontColor: "#fdfdfd",
             secondaryFontColor: "#888c93",
+            axisFontColor: "#bbbdc3",
             disableFontColor: "#55595f",
-            labelFontColor: "#bbbdc3",
             labelReverseFontColor: "#202226",
             axisGridColor: "#404349",
             axisDomainColor: "#4b4f54",
             axisLabelFontColor: "#bbbdc3",
-            dataZoomHandlerStrokeColor: "#4B4F54",
+            dataZoomHandlerStrokeColor: "#888c93",
             dataZoomHandlerFillColor: "#202226",
             dataZoomBackgroundColor: "#404349",
             dataZoomChartColor: "#55595F",
             dataZoomSelectedColor: "#4284FF",
             tooltipBackgroundColor: "#404349",
-            tooltipShadowColor: "#000000"
+            titleFontColor: "#fdfdfd",
+            labelFontColor: "#bbbdc3"
         }
     }
 };

package/cjs/theme/builtin/dark/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/dark/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAEnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAGtB,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,gBAAgB,EAAE,SAAS;YAE3B,cAAc,EAAE,SAAS;YAEzB,qBAAqB,EAAE,SAAS;YAGhC,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAE1B,kBAAkB,EAAE,SAAS;YAG7B,0BAA0B,EAAE,SAAS;YAErC,wBAAwB,EAAE,SAAS;YAEnC,uBAAuB,EAAE,SAAS;YAElC,kBAAkB,EAAE,SAAS;YAE7B,qBAAqB,EAAE,SAAS;YAGhC,sBAAsB,EAAE,SAAS;YAEjC,kBAAkB,EAAE,SAAS;SAC9B;KACF;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#202226',\n      /** 图表边框色 */\n      borderColor: '#404349',\n\n      /** 主要字色 */\n      primaryFontColor: '#fdfdfd',\n      /** 次要字色 */\n      secondaryFontColor: '#888c93',\n      /** 禁用字色 */\n      disableFontColor: '#55595f',\n      /** 标签字色 */\n      labelFontColor: '#bbbdc3',\n      /** 标签反转字色 */\n      labelReverseFontColor: '#202226',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#404349',\n      /** 轴线颜色 */\n      axisDomainColor: '#4b4f54',\n      /** 轴标签颜色 */\n      axisLabelFontColor: '#bbbdc3',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandlerStrokeColor: '#4B4F54',\n      /** 缩略轴滑块填充颜色 */\n      dataZoomHandlerFillColor: '#202226',\n      /** 缩略轴背景区域颜色 */\n      dataZoomBackgroundColor: '#404349',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#55595F',\n      /** 缩略轴选择区域颜色 */\n      dataZoomSelectedColor: '#4284FF',\n\n      /** 提示信息背景区域颜色 */\n      tooltipBackgroundColor: '#404349',\n      /** 提示信息阴影颜色 */\n      tooltipShadowColor: '#000000'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/dark/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAGnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAEtB,WAAW,EAAE,SAAS;YAGtB,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,aAAa,EAAE,SAAS;YAExB,gBAAgB,EAAE,SAAS;YAE3B,qBAAqB,EAAE,SAAS;YAGhC,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAE1B,kBAAkB,EAAE,SAAS;YAG7B,0BAA0B,EAAE,SAAS;YAErC,wBAAwB,EAAE,SAAS;YAEnC,uBAAuB,EAAE,SAAS;YAElC,kBAAkB,EAAE,SAAS;YAE7B,qBAAqB,EAAE,SAAS;YAGhC,sBAAsB,EAAE,SAAS;YAIjC,cAAc,EAAE,SAAS;YAEzB,cAAc,EAAE,SAAS;SACH;KACzB;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\nimport type { BuiltinColorPalette } from '../../color-scheme/builtin/interface';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#202226',\n      /** 图表边框色 */\n      borderColor: '#404349',\n      /** 默认阴影颜色 */\n      shadowColor: '#000000',\n\n      /** 主要字色 */\n      primaryFontColor: '#fdfdfd',\n      /** 次要字色 */\n      secondaryFontColor: '#888c93',\n      /** 轴字色 */\n      axisFontColor: '#bbbdc3',\n      /** 禁用字色 */\n      disableFontColor: '#55595f',\n      /** 标签反转字色 */\n      labelReverseFontColor: '#202226',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#404349',\n      /** 轴线颜色 */\n      axisDomainColor: '#4b4f54',\n      /** 轴标签颜色 */\n      axisLabelFontColor: '#bbbdc3',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandlerStrokeColor: '#888c93',\n      /** 缩略轴滑块填充颜色 */\n      dataZoomHandlerFillColor: '#202226',\n      /** 缩略轴背景区域颜色 */\n      dataZoomBackgroundColor: '#404349',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#55595F',\n      /** 缩略轴选择区域颜色 */\n      dataZoomSelectedColor: '#4284FF',\n\n      /** 提示信息背景区域颜色 */\n      tooltipBackgroundColor: '#404349',\n\n      // 已弃用的语义色值\n      /** @deprecated 图表标题颜色 */\n      titleFontColor: '#fdfdfd',\n      /** @deprecated 标签字色 */\n      labelFontColor: '#bbbdc3'\n    } as BuiltinColorPalette\n  }\n};\n"]}

package/cjs/theme/builtin/index.d.ts

@@ -1,4 +1,3 @@
-export * from './constant';
 export * from './light';
 import type { ITheme } from '../interface';
 export declare const builtinThemeMap: Map<string, ITheme>;

package/cjs/theme/builtin/index.js

@@ -17,8 +17,7 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.defaultThemeName = exports.builtinThemeMap = void 0, __exportStar(require("./constant"), exports), 
-__exportStar(require("./light"), exports);
+}), exports.defaultThemeName = exports.builtinThemeMap = void 0, __exportStar(require("./light"), exports);
 
 const dark_1 = require("./dark"), light_1 = require("./light");
 

package/cjs/theme/builtin/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB;AAGxB,iCAAmC;AACnC,mCAAqC;AAGxB,QAAA,eAAe,GAAwB,IAAI,GAAG,CAAC;IAC1D,CAAC,kBAAU,CAAC,IAAI,EAAE,kBAAU,CAAC;IAC7B,CAAC,gBAAS,CAAC,IAAI,EAAE,gBAAS,CAAC;CAC5B,CAAC,CAAC;AAGU,QAAA,gBAAgB,GAAG,kBAAU,CAAC,IAAI,CAAC","file":"index.js","sourcesContent":["export * from './constant';\nexport * from './light';\n\nimport type { ITheme } from '../interface';\nimport { darkTheme } from './dark';\nimport { lightTheme } from './light';\n\n/** 内置主题 map */\nexport const builtinThemeMap: Map<string, ITheme> = new Map([\n  [lightTheme.name, lightTheme],\n  [darkTheme.name, darkTheme]\n]);\n\n/** 默认主题 */\nexport const defaultThemeName = lightTheme.name;\n"]}
+{"version":3,"sources":["../src/theme/builtin/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AAGxB,iCAAmC;AACnC,mCAAqC;AAGxB,QAAA,eAAe,GAAwB,IAAI,GAAG,CAAC;IAC1D,CAAC,kBAAU,CAAC,IAAI,EAAE,kBAAU,CAAC;IAC7B,CAAC,gBAAS,CAAC,IAAI,EAAE,gBAAS,CAAC;CAC5B,CAAC,CAAC;AAGU,QAAA,gBAAgB,GAAG,kBAAU,CAAC,IAAI,CAAC","file":"index.js","sourcesContent":["export * from './light';\n\nimport type { ITheme } from '../interface';\nimport { darkTheme } from './dark';\nimport { lightTheme } from './light';\n\n/** 内置主题 map */\nexport const builtinThemeMap: Map<string, ITheme> = new Map([\n  [lightTheme.name, lightTheme],\n  [darkTheme.name, darkTheme]\n]);\n\n/** 默认主题 */\nexport const defaultThemeName = lightTheme.name;\n"]}

package/cjs/theme/builtin/light/color-scheme.js

@@ -12,10 +12,11 @@ exports.colorScheme = {
         palette: {
             backgroundColor: "#ffffff",
             borderColor: "#e3e5e8",
+            shadowColor: "#21252c",
             primaryFontColor: "#21252c",
             secondaryFontColor: "#606773",
+            axisFontColor: "#89909d",
             disableFontColor: "#bcc1cb",
-            labelFontColor: "#89909d",
             labelReverseFontColor: "#ffffff",
             axisGridColor: "#f1f2f5",
             axisDomainColor: "#D9DDE4",
@@ -26,7 +27,8 @@ exports.colorScheme = {
             dataZoomChartColor: "#c9ced8",
             dataZoomSelectedColor: "#0040ff",
             tooltipBackgroundColor: "#ffffff",
-            tooltipShadowColor: "#21252c"
+            titleFontColor: "#21252c",
+            labelFontColor: "#89909d"
         }
     }
 };

package/cjs/theme/builtin/light/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/light/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAEnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAGtB,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,gBAAgB,EAAE,SAAS;YAE3B,cAAc,EAAE,SAAS;YAEzB,qBAAqB,EAAE,SAAS;YAGhC,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAE1B,kBAAkB,EAAE,SAAS;YAG7B,0BAA0B,EAAE,SAAS;YAErC,wBAAwB,EAAE,SAAS;YAEnC,uBAAuB,EAAE,SAAS;YAElC,kBAAkB,EAAE,SAAS;YAE7B,qBAAqB,EAAE,SAAS;YAGhC,sBAAsB,EAAE,SAAS;YAEjC,kBAAkB,EAAE,SAAS;SAC9B;KACF;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#ffffff',\n      /** 图表边框色 */\n      borderColor: '#e3e5e8',\n\n      /** 主要字色 */\n      primaryFontColor: '#21252c',\n      /** 次要字色 */\n      secondaryFontColor: '#606773',\n      /** 禁用字色 */\n      disableFontColor: '#bcc1cb',\n      /** 标签字色 */\n      labelFontColor: '#89909d',\n      /** 标签反转字色 */\n      labelReverseFontColor: '#ffffff',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#f1f2f5',\n      /** 轴线颜色 */\n      axisDomainColor: '#D9DDE4',\n      /** 轴标签颜色 */\n      axisLabelFontColor: '#89909d',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandlerStrokeColor: '#AEB5BE',\n      /** 缩略轴滑块填充颜色 */\n      dataZoomHandlerFillColor: '#ffffff',\n      /** 缩略轴背景区域颜色 */\n      dataZoomBackgroundColor: '#f1f3f4',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#c9ced8',\n      /** 缩略轴选择区域颜色 */\n      dataZoomSelectedColor: '#0040ff',\n\n      /** 提示信息背景区域颜色 */\n      tooltipBackgroundColor: '#ffffff',\n      /** 提示信息阴影颜色 */\n      tooltipShadowColor: '#21252c'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/light/color-scheme.ts"],"names":[],"mappings":";;;AACA,gEAAgE;AAGnD,QAAA,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAV,oBAAU;QACV,OAAO,EAAE;YAEP,eAAe,EAAE,SAAS;YAE1B,WAAW,EAAE,SAAS;YAEtB,WAAW,EAAE,SAAS;YAGtB,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,aAAa,EAAE,SAAS;YAExB,gBAAgB,EAAE,SAAS;YAE3B,qBAAqB,EAAE,SAAS;YAGhC,aAAa,EAAE,SAAS;YAExB,eAAe,EAAE,SAAS;YAE1B,kBAAkB,EAAE,SAAS;YAG7B,0BAA0B,EAAE,SAAS;YAErC,wBAAwB,EAAE,SAAS;YAEnC,uBAAuB,EAAE,SAAS;YAElC,kBAAkB,EAAE,SAAS;YAE7B,qBAAqB,EAAE,SAAS;YAGhC,sBAAsB,EAAE,SAAS;YAIjC,cAAc,EAAE,SAAS;YAEzB,cAAc,EAAE,SAAS;SACH;KACzB;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { IThemeColorScheme } from '../../color-scheme/interface';\nimport { dataScheme } from '../../color-scheme/builtin/default';\nimport type { BuiltinColorPalette } from '../../color-scheme/builtin/interface';\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme,\n    palette: {\n      /** 背景色 */\n      backgroundColor: '#ffffff',\n      /** 图表边框色 */\n      borderColor: '#e3e5e8',\n      /** 默认阴影颜色 */\n      shadowColor: '#21252c',\n\n      /** 主要字色 */\n      primaryFontColor: '#21252c',\n      /** 次要字色 */\n      secondaryFontColor: '#606773',\n      /** 轴字色 */\n      axisFontColor: '#89909d',\n      /** 禁用字色 */\n      disableFontColor: '#bcc1cb',\n      /** 标签反转字色 */\n      labelReverseFontColor: '#ffffff',\n\n      /** 轴网格线颜色 */\n      axisGridColor: '#f1f2f5',\n      /** 轴线颜色 */\n      axisDomainColor: '#D9DDE4',\n      /** 轴标签颜色 */\n      axisLabelFontColor: '#89909d',\n\n      /** 缩略轴滑块描边颜色 */\n      dataZoomHandlerStrokeColor: '#AEB5BE',\n      /** 缩略轴滑块填充颜色 */\n      dataZoomHandlerFillColor: '#ffffff',\n      /** 缩略轴背景区域颜色 */\n      dataZoomBackgroundColor: '#f1f3f4',\n      /** 缩略轴图表区域颜色 */\n      dataZoomChartColor: '#c9ced8',\n      /** 缩略轴选择区域颜色 */\n      dataZoomSelectedColor: '#0040ff',\n\n      /** 提示信息背景区域颜色 */\n      tooltipBackgroundColor: '#ffffff',\n\n      // 已弃用的语义色值\n      /** @deprecated 图表标题颜色 */\n      titleFontColor: '#21252c',\n      /** @deprecated 标签字色 */\n      labelFontColor: '#89909d'\n    } as BuiltinColorPalette\n  }\n};\n"]}

package/cjs/theme/builtin/light/index.js

@@ -12,8 +12,8 @@ exports.lightTheme = {
         type: "palette",
         key: "backgroundColor"
     },
-    padding: 12,
-    fontFamily: constants_1.THEME_CONSTANTS.FONT_FAMILY,
+    padding: 20,
+    fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
     colorScheme: color_scheme_1.colorScheme,
     mark: mark_1.markByType,
     markByName: mark_1.markByName,

package/cjs/theme/builtin/light/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/light/index.ts"],"names":[],"mappings":";;;AAQA,iDAA6C;AAC7C,6CAA0C;AAC1C,yCAAwD;AACxD,mDAAsD;AACtD,mDAAgD;AAEnC,QAAA,UAAU,GAAW;IAChC,IAAI,EAAE,OAAO;IACb,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;IACvD,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,2BAAe,CAAC,WAAW;IACvC,WAAW,EAAX,0BAAW;IACX,IAAI,EAAE,iBAAU;IAChB,UAAU,EAAV,iBAAU;IACV,MAAM,EAAN,eAAM;IACN,SAAS,EAAT,qBAAS;IACT,kBAAkB,EAAE,IAAI;CACzB,CAAC","file":"index.js","sourcesContent":["/**\n * 主题的命名，不要使用类似 arco，default 等字段，应该要以主题的特征来，颜色/场景特征（light, dark）\n *\n * 1. 对除了 color 外的一些主题设置，应该要有专门的设计，**不要直接复制**\n * 2. 原则上来讲，默认值尽量都放主题中，但是也可根据情况自行判断\n * 3. 目前主题只到系列，不到系列的 mark，对于这个分界没有太清楚，后续根据需求再做开放\n */\nimport type { ITheme } from '../../interface';\nimport { colorScheme } from './color-scheme';\nimport { series } from '../common/series';\nimport { markByName, markByType } from '../common/mark';\nimport { THEME_CONSTANTS } from '../common/constants';\nimport { component } from '../common/component';\n\nexport const lightTheme: ITheme = {\n  name: 'light',\n  background: { type: 'palette', key: 'backgroundColor' },\n  padding: 12,\n  fontFamily: THEME_CONSTANTS.FONT_FAMILY,\n  colorScheme,\n  mark: markByType,\n  markByName,\n  series,\n  component,\n  animationThreshold: 2000\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/light/index.ts"],"names":[],"mappings":";;;AAQA,iDAA6C;AAC7C,6CAA0C;AAC1C,yCAAwD;AACxD,mDAAsD;AACtD,mDAAgD;AAEnC,QAAA,UAAU,GAAW;IAChC,IAAI,EAAE,OAAO;IACb,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;IACvD,OAAO,EAAE,EAAE;IACX,UAAU,EAAE,2BAAe,CAAC,iBAAiB;IAC7C,WAAW,EAAX,0BAAW;IACX,IAAI,EAAE,iBAAU;IAChB,UAAU,EAAV,iBAAU;IACV,MAAM,EAAN,eAAM;IACN,SAAS,EAAT,qBAAS;IACT,kBAAkB,EAAE,IAAI;CACzB,CAAC","file":"index.js","sourcesContent":["/**\n * 主题的命名，不要使用类似 arco，default 等字段，应该要以主题的特征来，颜色/场景特征（light, dark）\n *\n * 1. 对除了 color 外的一些主题设置，应该要有专门的设计，**不要直接复制**\n * 2. 原则上来讲，默认值尽量都放主题中，但是也可根据情况自行判断\n * 3. 目前主题只到系列，不到系列的 mark，对于这个分界没有太清楚，后续根据需求再做开放\n */\nimport type { ITheme } from '../../interface';\nimport { colorScheme } from './color-scheme';\nimport { series } from '../common/series';\nimport { markByName, markByType } from '../common/mark';\nimport { THEME_CONSTANTS } from '../common/constants';\nimport { component } from '../common/component';\n\nexport const lightTheme: ITheme = {\n  name: 'light',\n  background: { type: 'palette', key: 'backgroundColor' },\n  padding: 20,\n  fontFamily: THEME_CONSTANTS.defaultFontFamily,\n  colorScheme,\n  mark: markByType,\n  markByName,\n  series,\n  component,\n  animationThreshold: 2000\n};\n"]}

package/cjs/theme/color-scheme/builtin/interface.d.ts

@@ -0,0 +1,22 @@
+import type { IColorSchemeStruct } from '../interface';
+export type BuiltinColorPalette = IColorSchemeStruct['palette'] & {
+    backgroundColor: string;
+    borderColor: string;
+    shadowColor: string;
+    primaryFontColor: string;
+    secondaryFontColor: string;
+    axisFontColor: string;
+    disableFontColor: string;
+    labelReverseFontColor: string;
+    axisGridColor: string;
+    axisDomainColor: string;
+    axisLabelFontColor: string;
+    dataZoomHandlerStrokeColor: string;
+    dataZoomHandlerFillColor: string;
+    dataZoomBackgroundColor: string;
+    dataZoomChartColor: string;
+    dataZoomSelectedColor: string;
+    tooltipBackgroundColor: string;
+    titleFontColor: string;
+    labelFontColor: string;
+};

package/cjs/theme/color-scheme/builtin/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/theme/color-scheme/builtin/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/color-scheme/builtin/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { IColorSchemeStruct } from '../interface';\n\nexport type BuiltinColorPalette = IColorSchemeStruct['palette'] & {\n  /** 背景色 */\n  backgroundColor: string;\n  /** 图表边框色 */\n  borderColor: string;\n  /** 默认阴影颜色 */\n  shadowColor: string;\n\n  /** 主要字色（图表标题、大数字） */\n  primaryFontColor: string;\n  /** 次要字色（图例、tooltip、数据标签） */\n  secondaryFontColor: string;\n  /** 轴字色 */\n  axisFontColor: string;\n  /** 禁用字色（非激活态字色） */\n  disableFontColor: string;\n  /** 标签反转字色 */\n  labelReverseFontColor: string;\n\n  /** 轴网格线颜色 */\n  axisGridColor: string;\n  /** 轴线颜色 */\n  axisDomainColor: string;\n  /** 轴标签颜色 */\n  axisLabelFontColor: string;\n\n  /** 缩略轴滑块描边颜色 */\n  dataZoomHandlerStrokeColor: string;\n  /** 缩略轴滑块填充颜色 */\n  dataZoomHandlerFillColor: string;\n  /** 缩略轴背景区域颜色 */\n  dataZoomBackgroundColor: string;\n  /** 缩略轴图表区域颜色 */\n  dataZoomChartColor: string;\n  /** 缩略轴选择区域颜色 */\n  dataZoomSelectedColor: string;\n\n  /** 提示信息背景区域颜色 */\n  tooltipBackgroundColor: string;\n\n  // 已弃用的语义色值\n  /** @deprecated 图表标题颜色 */\n  titleFontColor: string;\n  /** @deprecated 标签字色 */\n  labelFontColor: string;\n};\n"]}

package/cjs/theme/color-scheme/interface.d.ts

@@ -4,7 +4,7 @@ export type IColorSchemeStruct = {
     dataScheme: Array<DataSchemeItem> | ProgressiveDataScheme<DataSchemeItem>;
     palette?: {
         bandColor?: ColorSchemeItem;
-        background?: ColorSchemeItem;
+        backgroundColor?: ColorSchemeItem;
         [key: string]: ColorSchemeItem;
     };
 };
@@ -17,9 +17,10 @@ export interface IProgressiveDataSchemeCase<T> {
 export type IsProgressiveDataSchemeAvailableCallback = (domain: any[]) => boolean;
 export interface IColorKey {
     type: 'palette';
-    key: string;
+    key: string | string[];
     l?: number;
     a?: number;
+    default?: ColorSchemeItem;
 }
 export type DataSchemeItem = string | IColorKey;
 export type ColorSchemeItem = string | IGradient;

package/cjs/theme/color-scheme/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/color-scheme/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { SeriesTypeEnum } from '../../series/interface';\nimport type { IGradient } from '../../typings';\n\n/** 色板总结构，包含数据色板和语义色板 */\nexport type IColorSchemeStruct = {\n  /** 数据色板 */\n  dataScheme: Array<DataSchemeItem> | ProgressiveDataScheme<DataSchemeItem>;\n\n  /** 语义色板 */\n  palette?: {\n    /** 主色调（可选） */\n    bandColor?: ColorSchemeItem;\n    /** 背景颜色（可选） */\n    background?: ColorSchemeItem;\n    /** 其他的语义化色值 */\n    [key: string]: ColorSchemeItem;\n  };\n};\n\n/** 渐进式数据色板：由多个色板组成，应用时会依次调用色板的 `isAvailable` 回调，如果当前回调返回 true 则立即应用对应色板 */\nexport type ProgressiveDataScheme<T> = Array<IProgressiveDataSchemeCase<T>>;\n\nexport interface IProgressiveDataSchemeCase<T> {\n  /** 可选，适合此色板的 domain 数量 */\n  maxDomainLength?: number;\n  /** 可选，自定义回调，返回是否应用此色板，将覆盖 maxDomainLength 等配置 */\n  isAvailable?: boolean | IsProgressiveDataSchemeAvailableCallback;\n  /** 色板 */\n  scheme: T[];\n}\n\nexport type IsProgressiveDataSchemeAvailableCallback = (domain: any[]) => boolean;\n\n/** 语义化色值的色值索引 */\nexport interface IColorKey {\n  /** 颜色type声明 */\n  type: 'palette';\n\n  /** 颜色索引 */\n  key: string;\n\n  /** 明度系数（可选，0~1） */\n  l?: number;\n\n  /** 透明度系数（可选，0~1） */\n  a?: number;\n}\n\nexport type DataSchemeItem = string | IColorKey;\n\nexport type ColorSchemeItem = string | IGradient; // 纯色或渐变色\n\nexport type ColorScheme = Array<string> | ProgressiveDataScheme<string> | IColorSchemeStruct;\n\nexport type IThemeColorScheme = {\n  /** 必选 */\n  default: ColorScheme;\n} & Partial<Record<SeriesTypeEnum, ColorScheme>>;\n"]}
+{"version":3,"sources":["../src/theme/color-scheme/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { SeriesTypeEnum } from '../../series/interface';\nimport type { IGradient } from '../../typings';\n\n/** 色板总结构，包含数据色板和语义色板 */\nexport type IColorSchemeStruct = {\n  /** 数据色板 */\n  dataScheme: Array<DataSchemeItem> | ProgressiveDataScheme<DataSchemeItem>;\n\n  /** 语义色板 */\n  palette?: {\n    /** 主色调（可选） */\n    bandColor?: ColorSchemeItem;\n    /** 背景颜色（可选） */\n    backgroundColor?: ColorSchemeItem;\n    /** 其他的语义化色值 */\n    [key: string]: ColorSchemeItem;\n  };\n};\n\n/** 渐进式数据色板：由多个色板组成，应用时会依次调用色板的 `isAvailable` 回调，如果当前回调返回 true 则立即应用对应色板 */\nexport type ProgressiveDataScheme<T> = Array<IProgressiveDataSchemeCase<T>>;\n\nexport interface IProgressiveDataSchemeCase<T> {\n  /** 可选，适合此色板的 domain 数量 */\n  maxDomainLength?: number;\n  /** 可选，自定义回调，返回是否应用此色板，将覆盖 maxDomainLength 等配置 */\n  isAvailable?: boolean | IsProgressiveDataSchemeAvailableCallback;\n  /** 色板 */\n  scheme: T[];\n}\n\nexport type IsProgressiveDataSchemeAvailableCallback = (domain: any[]) => boolean;\n\n/** 语义化色值的色值索引 */\nexport interface IColorKey {\n  /** 颜色type声明 */\n  type: 'palette';\n\n  /** 颜色索引，如果为数组，则按顺序从前到后取色，直到取到第一个不为空的色值 */\n  key: string | string[];\n\n  /** 明度系数（可选，0~1） */\n  l?: number;\n\n  /** 透明度系数（可选，0~1） */\n  a?: number;\n\n  /**\n   * 默认色值，在没有取到 key 对应的色值时返回\n   * @since 1.3.0\n   */\n  default?: ColorSchemeItem;\n}\n\nexport type DataSchemeItem = string | IColorKey;\n\nexport type ColorSchemeItem = string | IGradient; // 纯色或渐变色\n\nexport type ColorScheme = Array<string> | ProgressiveDataScheme<string> | IColorSchemeStruct;\n\nexport type IThemeColorScheme = {\n  /** 必选 */\n  default: ColorScheme;\n} & Partial<Record<SeriesTypeEnum, ColorScheme>>;\n"]}

package/cjs/theme/color-scheme/util.js

@@ -27,10 +27,16 @@ function computeActualDataScheme(dataScheme, colorDomain) {
 }
 
 function queryColorFromColorScheme(colorScheme, colorKey, seriesType) {
-    var _a, _b;
+    var _a;
     const scheme = (0, vutils_1.isValid)(seriesType) && null !== (_a = colorScheme[seriesType]) && void 0 !== _a ? _a : colorScheme.default;
     if (!scheme) return;
-    const color = null === (_b = scheme.palette) || void 0 === _b ? void 0 : _b[colorKey.key];
+    let color;
+    const {palette: palette} = scheme;
+    if ((0, vutils_1.isObject)(palette)) {
+        for (const key of (0, vutils_1.array)(colorKey.key)) if (color = palette[key], (0, 
+        vutils_1.isValid)(color)) break;
+        color || (color = colorKey.default);
+    }
     if (!color) return;
     if (!(0, vutils_1.isValid)(colorKey.a) && !(0, vutils_1.isValid)(colorKey.l) || !(0, 
     vutils_1.isString)(color)) return color;

package/cjs/theme/color-scheme/util.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/color-scheme/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { isArray, isFunction, isObject, isString, isValid } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { ColorUtil } from '@visactor/vutils';\nimport type { SeriesTypeEnum } from '../../series/interface';\nimport { Color } from '../../util/color';\nimport type {\n  ColorScheme,\n  ColorSchemeItem,\n  IColorKey,\n  IColorSchemeStruct,\n  IProgressiveDataSchemeCase,\n  IThemeColorScheme,\n  ProgressiveDataScheme\n} from './interface';\n\n/**\n * 从色板中获取数据色板（在此步骤中替换语义色值）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function getDataScheme(\n  colorScheme: IThemeColorScheme,\n  seriesType?: SeriesTypeEnum\n): Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem> {\n  const scheme = !isValid(seriesType) ? colorScheme?.default : colorScheme?.[seriesType] ?? colorScheme?.default;\n  if (!scheme || isArray(scheme)) {\n    // 不带语义色板，直接输出\n    return scheme as Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>;\n  } else if (isObject(scheme)) {\n    // 带语义色板，转换颜色后输出\n    const { dataScheme } = scheme as IColorSchemeStruct;\n    if (!dataScheme) {\n      return [];\n    }\n    // 渐进式色板的情况\n    if (isProgressiveDataColorScheme(dataScheme)) {\n      return dataScheme.map(item => ({\n        ...item,\n        scheme: item.scheme\n          .map(color => {\n            if (isColorKey(color)) {\n              return queryColorFromColorScheme(colorScheme, color, seriesType);\n            }\n            return color;\n          })\n          .filter(isValid)\n      }));\n    }\n    // 普通色板的情况\n    return dataScheme\n      .map(color => {\n        if (isColorKey(color)) {\n          return queryColorFromColorScheme(colorScheme, color, seriesType);\n        }\n        return color;\n      })\n      .filter(isValid);\n  }\n  return [];\n}\n\n/**\n * 计算最终数据色板（在此步骤中获得渐进式色板的最终色板）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function computeActualDataScheme(\n  dataScheme: Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>,\n  colorDomain: any[]\n): Array<ColorSchemeItem> {\n  if (isProgressiveDataColorScheme(dataScheme)) {\n    return (\n      dataScheme.find(item => {\n        if (isValid(item.isAvailable)) {\n          if (isFunction(item.isAvailable)) {\n            return item.isAvailable(colorDomain);\n          }\n          return !!item.isAvailable;\n        } else if (isValid(item.maxDomainLength)) {\n          return colorDomain?.length <= item.maxDomainLength;\n        }\n        return true;\n      })?.scheme ?? dataScheme[dataScheme.length - 1].scheme\n    );\n  }\n  return dataScheme;\n}\n\n/**\n * 根据色板和色值索引生成颜色\n * @param colorScheme\n * @param colorKey\n * @param seriesType\n * @returns\n */\nexport function queryColorFromColorScheme(\n  colorScheme: IThemeColorScheme,\n  colorKey: IColorKey,\n  seriesType?: SeriesTypeEnum\n): ColorSchemeItem | undefined {\n  const scheme = !isValid(seriesType) ? colorScheme.default : colorScheme[seriesType] ?? colorScheme.default;\n  if (!scheme) {\n    return undefined;\n  }\n  const color = (scheme as IColorSchemeStruct).palette?.[colorKey.key];\n  if (!color) {\n    return undefined;\n  }\n  if ((!isValid(colorKey.a) && !isValid(colorKey.l)) || !isString(color)) {\n    return color;\n  }\n  let c = new Color(color);\n  if (isValid(colorKey.l)) {\n    const { r, g, b } = c.color;\n    const { h, s } = ColorUtil.rgbToHsl(r, g, b);\n    const rgb = ColorUtil.hslToRgb(h, s, colorKey.l);\n    const newColor = new Color(`rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`);\n    newColor.setOpacity(c.color.opacity);\n    c = newColor;\n  }\n  if (isValid(colorKey.a)) {\n    c.setOpacity(colorKey.a);\n  }\n  return c.toRGBA();\n}\n\n/** 查询语义化颜色 */\nexport const getActualColor = (value: any, colorScheme?: IThemeColorScheme, seriesType?: SeriesTypeEnum) => {\n  if (isColorKey(value)) {\n    if (colorScheme) {\n      const color = queryColorFromColorScheme(colorScheme, value, seriesType);\n      if (color) {\n        return color;\n      }\n    }\n  }\n  return value;\n};\n\nexport function isColorKey(obj: any): obj is IColorKey {\n  return isObject(obj) && (obj as IColorKey).type === 'palette' && !!(obj as IColorKey).key;\n}\n\nexport function isProgressiveDataColorScheme<T>(obj: any): obj is ProgressiveDataScheme<T> {\n  if (!isArray(obj)) {\n    return false;\n  }\n  return obj.every(item => {\n    return isValid((item as IProgressiveDataSchemeCase<T>).scheme);\n  });\n}\n\n/** 将色板转化为标准形式 */\nexport function transformColorSchemeToStandardStruct(colorScheme: ColorScheme): IColorSchemeStruct {\n  if (isArray(colorScheme)) {\n    return {\n      dataScheme: colorScheme\n    };\n  }\n  return colorScheme;\n}\n"]}
+{"version":3,"sources":["../src/theme/color-scheme/util.ts"],"names":[],"mappings":"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","file":"util.js","sourcesContent":["import { array, isArray, isFunction, isObject, isString, isValid } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { ColorUtil } from '@visactor/vutils';\nimport type { SeriesTypeEnum } from '../../series/interface';\nimport { Color } from '../../util/color';\nimport type {\n  ColorScheme,\n  ColorSchemeItem,\n  IColorKey,\n  IColorSchemeStruct,\n  IProgressiveDataSchemeCase,\n  IThemeColorScheme,\n  ProgressiveDataScheme\n} from './interface';\n\n/**\n * 从色板中获取数据色板（在此步骤中替换语义色值）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function getDataScheme(\n  colorScheme: IThemeColorScheme,\n  seriesType?: SeriesTypeEnum\n): Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem> {\n  const scheme = !isValid(seriesType) ? colorScheme?.default : colorScheme?.[seriesType] ?? colorScheme?.default;\n  if (!scheme || isArray(scheme)) {\n    // 不带语义色板，直接输出\n    return scheme as Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>;\n  } else if (isObject(scheme)) {\n    // 带语义色板，转换颜色后输出\n    const { dataScheme } = scheme as IColorSchemeStruct;\n    if (!dataScheme) {\n      return [];\n    }\n    // 渐进式色板的情况\n    if (isProgressiveDataColorScheme(dataScheme)) {\n      return dataScheme.map(item => ({\n        ...item,\n        scheme: item.scheme\n          .map(color => {\n            if (isColorKey(color)) {\n              return queryColorFromColorScheme(colorScheme, color, seriesType);\n            }\n            return color;\n          })\n          .filter(isValid)\n      }));\n    }\n    // 普通色板的情况\n    return dataScheme\n      .map(color => {\n        if (isColorKey(color)) {\n          return queryColorFromColorScheme(colorScheme, color, seriesType);\n        }\n        return color;\n      })\n      .filter(isValid);\n  }\n  return [];\n}\n\n/**\n * 计算最终数据色板（在此步骤中获得渐进式色板的最终色板）\n * @param colorScheme\n * @param seriesType\n * @returns\n */\nexport function computeActualDataScheme(\n  dataScheme: Array<ColorSchemeItem> | ProgressiveDataScheme<ColorSchemeItem>,\n  colorDomain: any[]\n): Array<ColorSchemeItem> {\n  if (isProgressiveDataColorScheme(dataScheme)) {\n    return (\n      dataScheme.find(item => {\n        if (isValid(item.isAvailable)) {\n          if (isFunction(item.isAvailable)) {\n            return item.isAvailable(colorDomain);\n          }\n          return !!item.isAvailable;\n        } else if (isValid(item.maxDomainLength)) {\n          return colorDomain?.length <= item.maxDomainLength;\n        }\n        return true;\n      })?.scheme ?? dataScheme[dataScheme.length - 1].scheme\n    );\n  }\n  return dataScheme;\n}\n\n/**\n * 根据色板和色值索引生成颜色\n * @param colorScheme\n * @param colorKey\n * @param seriesType\n * @returns\n */\nexport function queryColorFromColorScheme(\n  colorScheme: IThemeColorScheme,\n  colorKey: IColorKey,\n  seriesType?: SeriesTypeEnum\n): ColorSchemeItem | undefined {\n  const scheme = !isValid(seriesType) ? colorScheme.default : colorScheme[seriesType] ?? colorScheme.default;\n  if (!scheme) {\n    return undefined;\n  }\n  let color;\n  const { palette } = scheme as IColorSchemeStruct;\n  if (isObject(palette)) {\n    // 依照从前到后的优先级取色\n    for (const key of array(colorKey.key)) {\n      color = palette[key];\n      if (isValid(color)) {\n        break;\n      }\n    }\n    if (!color) {\n      color = colorKey.default;\n    }\n  }\n  if (!color) {\n    return undefined;\n  }\n  if ((!isValid(colorKey.a) && !isValid(colorKey.l)) || !isString(color)) {\n    return color;\n  }\n  let c = new Color(color);\n  if (isValid(colorKey.l)) {\n    const { r, g, b } = c.color;\n    const { h, s } = ColorUtil.rgbToHsl(r, g, b);\n    const rgb = ColorUtil.hslToRgb(h, s, colorKey.l);\n    const newColor = new Color(`rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`);\n    newColor.setOpacity(c.color.opacity);\n    c = newColor;\n  }\n  if (isValid(colorKey.a)) {\n    c.setOpacity(colorKey.a);\n  }\n  return c.toRGBA();\n}\n\n/** 查询语义化颜色 */\nexport const getActualColor = (value: any, colorScheme?: IThemeColorScheme, seriesType?: SeriesTypeEnum) => {\n  if (isColorKey(value)) {\n    if (colorScheme) {\n      const color = queryColorFromColorScheme(colorScheme, value, seriesType);\n      if (color) {\n        return color;\n      }\n    }\n  }\n  return value;\n};\n\nexport function isColorKey(obj: any): obj is IColorKey {\n  return isObject(obj) && (obj as IColorKey).type === 'palette' && !!(obj as IColorKey).key;\n}\n\nexport function isProgressiveDataColorScheme<T>(obj: any): obj is ProgressiveDataScheme<T> {\n  if (!isArray(obj)) {\n    return false;\n  }\n  return obj.every(item => {\n    return isValid((item as IProgressiveDataSchemeCase<T>).scheme);\n  });\n}\n\n/** 将色板转化为标准形式 */\nexport function transformColorSchemeToStandardStruct(colorScheme: ColorScheme): IColorSchemeStruct {\n  if (isArray(colorScheme)) {\n    return {\n      dataScheme: colorScheme\n    };\n  }\n  return colorScheme;\n}\n"]}

package/cjs/theme/interface.d.ts

@@ -36,9 +36,20 @@ export interface IGlobalMarkThemeByName {
     [markName: string]: Partial<IMarkTheme<any>>;
 }
 export interface IThemeConstants {
-    FONT_FAMILY: string;
-    LABEL_FONT_SIZE: number;
-    MAP_LABEL_FONT_SIZE: number;
-    TITLE_FONT_SIZE: number;
-    AXIS_TICK_SIZE: number;
+    defaultFontFamily: string;
+    defaultFontSize: number;
+    l1FontSize: number;
+    l1LineHeight: number;
+    l2FontSize: number;
+    l2LineHeight: number;
+    l3FontSize: number;
+    l3LineHeight: number;
+    l4FontSize: number;
+    l4LineHeight: number;
+    l5FontSize: number;
+    l5LineHeight: number;
+    l6FontSize: number;
+    l6LineHeight: number;
+    axisTickSize: number;
+    areaOpacity: number;
 }

package/cjs/theme/interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILayoutPaddingSpec } from '../model/interface';\nimport type { ISeriesTheme } from '../series/interface';\nimport type { IMarkTheme } from '../typings/spec';\nimport type {\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  IPathMarkSpec\n} from '../typings';\nimport type { MarkTypeEnum } from '../mark/interface';\nimport type { IColorKey, IThemeColorScheme } from './color-scheme/interface';\nimport type { IGradientColor } from '@visactor/vrender';\nimport type { IComponentTheme } from '../component/interface';\n\nexport interface ITheme {\n  /**\n   * 第 1 种配置：主题信息\n   */\n  /** 主题命名 */\n  name?: string;\n\n  /**\n   * 第 2 种配置：图表层级的样式属性\n   */\n  /** 图表背景色 */\n  background?: string | IGradientColor | IColorKey;\n  /** 图表内边距 */\n  padding?: ILayoutPaddingSpec;\n  /** 图表字体配置 */\n  fontFamily?: string;\n\n  /**\n   * 第 3 种配置：色板\n   */\n  /** 全局色板 */\n  colorScheme?: IThemeColorScheme;\n\n  /**\n   * 第 4 种配置：全局 mark 属性配置\n   */\n  /** 全局 mark 样式属性，按 mark 类别索引 */\n  mark?: IGlobalMarkThemeByType;\n  /** 全局 mark 样式属性，按 mark 名称索引，优先级更高 */\n  markByName?: IGlobalMarkThemeByName;\n\n  /**\n   * 第 5 种配置：系列属性配置\n   */\n  /** 系列样式属性 */\n  series?: ISeriesTheme;\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   */\n  animationThreshold?: number;\n\n  /**\n   * 第 6 种配置：组件属性配置\n   */\n  /** 组件样式属性 */\n  component?: IComponentTheme;\n}\n\nexport interface IGlobalMarkThemeByType {\n  [MarkTypeEnum.line]?: Partial<IMarkTheme<ILineMarkSpec>>;\n  [MarkTypeEnum.symbol]?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  [MarkTypeEnum.area]?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  [MarkTypeEnum.rect]?: Partial<IMarkTheme<IRectMarkSpec>>;\n  [MarkTypeEnum.arc]?: Partial<IMarkTheme<IArcMarkSpec>>;\n  [MarkTypeEnum.text]?: Partial<IMarkTheme<ITextMarkSpec>>;\n  [MarkTypeEnum.path]?: Partial<IMarkTheme<IPathMarkSpec>>;\n}\n\nexport interface IGlobalMarkThemeByName {\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  line?: Partial<IMarkTheme<ILineMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, scatterSeries etc. */\n  point?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  area?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  /** used in barSeries, rangeColumnSeries etc. */\n  bar?: Partial<IMarkTheme<IRectMarkSpec>>;\n  /** used in many series */\n  label?: Partial<IMarkTheme<ITextMarkSpec>>;\n\n  [markName: string]: Partial<IMarkTheme<any>>;\n}\n\nexport interface IThemeConstants {\n  FONT_FAMILY: string;\n  LABEL_FONT_SIZE: number;\n  MAP_LABEL_FONT_SIZE: number;\n  TITLE_FONT_SIZE: number;\n  AXIS_TICK_SIZE: number;\n}\n"]}
+{"version":3,"sources":["../src/theme/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILayoutPaddingSpec } from '../model/interface';\nimport type { ISeriesTheme } from '../series/interface';\nimport type { IMarkTheme } from '../typings/spec';\nimport type {\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  ILineMarkSpec,\n  IRectMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  IPathMarkSpec\n} from '../typings';\nimport type { MarkTypeEnum } from '../mark/interface';\nimport type { IColorKey, IThemeColorScheme } from './color-scheme/interface';\nimport type { IGradientColor } from '@visactor/vrender';\nimport type { IComponentTheme } from '../component/interface';\n\nexport interface ITheme {\n  /**\n   * 第 1 种配置：主题信息\n   */\n  /** 主题命名 */\n  name?: string;\n\n  /**\n   * 第 2 种配置：图表层级的样式属性\n   */\n  /** 图表背景色 */\n  background?: string | IGradientColor | IColorKey;\n  /** 图表内边距 */\n  padding?: ILayoutPaddingSpec;\n  /** 图表字体配置 */\n  fontFamily?: string;\n\n  /**\n   * 第 3 种配置：色板\n   */\n  /** 全局色板 */\n  colorScheme?: IThemeColorScheme;\n\n  /**\n   * 第 4 种配置：全局 mark 属性配置\n   */\n  /** 全局 mark 样式属性，按 mark 类别索引 */\n  mark?: IGlobalMarkThemeByType;\n  /** 全局 mark 样式属性，按 mark 名称索引，优先级更高 */\n  markByName?: IGlobalMarkThemeByName;\n\n  /**\n   * 第 5 种配置：系列属性配置\n   */\n  /** 系列样式属性 */\n  series?: ISeriesTheme;\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   */\n  animationThreshold?: number;\n\n  /**\n   * 第 6 种配置：组件属性配置\n   */\n  /** 组件样式属性 */\n  component?: IComponentTheme;\n}\n\nexport interface IGlobalMarkThemeByType {\n  [MarkTypeEnum.line]?: Partial<IMarkTheme<ILineMarkSpec>>;\n  [MarkTypeEnum.symbol]?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  [MarkTypeEnum.area]?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  [MarkTypeEnum.rect]?: Partial<IMarkTheme<IRectMarkSpec>>;\n  [MarkTypeEnum.arc]?: Partial<IMarkTheme<IArcMarkSpec>>;\n  [MarkTypeEnum.text]?: Partial<IMarkTheme<ITextMarkSpec>>;\n  [MarkTypeEnum.path]?: Partial<IMarkTheme<IPathMarkSpec>>;\n}\n\nexport interface IGlobalMarkThemeByName {\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  line?: Partial<IMarkTheme<ILineMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, scatterSeries etc. */\n  point?: Partial<IMarkTheme<ISymbolMarkSpec>>;\n  /** used in lineSeries, areaSeries, radarSeries, etc. */\n  area?: Partial<IMarkTheme<IAreaMarkSpec>>;\n  /** used in barSeries, rangeColumnSeries etc. */\n  bar?: Partial<IMarkTheme<IRectMarkSpec>>;\n  /** used in many series */\n  label?: Partial<IMarkTheme<ITextMarkSpec>>;\n\n  [markName: string]: Partial<IMarkTheme<any>>;\n}\n\nexport interface IThemeConstants {\n  /** 默认字体 */\n  defaultFontFamily: string;\n  /** 默认字号 */\n  defaultFontSize: number;\n\n  /** 1级字阶字号，用于：环形图中间数值 / 展示型数值 */\n  l1FontSize: number;\n  /** 1级字阶行高 */\n  l1LineHeight: number;\n\n  /** 2级字阶字号，用于：展示型文字 / 指标卡数值 */\n  l2FontSize: number;\n  /** 2级字阶行高 */\n  l2LineHeight: number;\n\n  /** 3级字阶字号，用于：图表标题 */\n  l3FontSize: number;\n  /** 3级字阶行高 */\n  l3LineHeight: number;\n\n  /** 4级字阶字号，用于：数据标签、tooltip */\n  l4FontSize: number;\n  /** 4级字阶行高 */\n  l4LineHeight: number;\n\n  /** 5级字阶字号，用于：坐标轴标题、轴标签、图例文字 */\n  l5FontSize: number;\n  /** 5级字阶行高 */\n  l5LineHeight: number;\n\n  /** 6级字阶字号，用于：地图标签 */\n  l6FontSize: number;\n  /** 6级字阶行高 */\n  l6LineHeight: number;\n\n  /** 轴 tick 长度 */\n  axisTickSize: number;\n\n  /** 面积图元透明度 */\n  areaOpacity: number;\n}\n"]}

package/cjs/typings/spec/common.d.ts

@@ -36,6 +36,7 @@ export interface IInitOption extends Omit<IRenderOption, 'pluginList'> {
     layout?: LayoutCallBack;
     poptip?: boolean;
     onError?: (...args: any[]) => void;
+    theme?: string | ITheme;
 }
 export declare enum RenderModeEnum {
     'desktop-browser' = "desktop-browser",
@@ -104,7 +105,7 @@ export interface IFieldsMeta {
     sortIndex?: number;
     sortReverse?: boolean;
 }
-export interface SheetParseOptions {
+export interface SheetParseOptions extends CommonParseOptions {
     type: 'csv' | 'dsv' | 'tsv';
     options?: IDsvParserOptions;
 }

package/cjs/typings/spec/common.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/typings/spec/common.ts"],"names":[],"mappings":";;;AAyGA,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,qDAAqC,CAAA;IACrC,mDAAmC,CAAA;IACnC,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,qCAAqB,CAAA;IACrB,qDAAqC,CAAA;IACrC,+BAAe,CAAA;AACjB,CAAC,EARW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAQzB","file":"common.js","sourcesContent":["import type { IFillMarkSpec, IImageMarkSpec } from './../visual';\nimport type { ILayoutPaddingSpec } from '../../model/interface';\nimport type { LayoutCallBack } from '../../layout/interface';\nimport type { IElement, srIOption3DType } from '@visactor/vgrammar';\nimport type {\n  DataSet,\n  DataView,\n  ISimplifyOptions,\n  IFieldsOptions,\n  IFilterOptions,\n  IFoldOptions,\n  IDsvParserOptions\n} from '@visactor/vdataset';\nimport type { IRegionSpec } from '../../region/interface';\nimport type { IDiscreteLegendSpec } from '../../component/legend/discrete/interface';\nimport type { IHoverSpec, ISelectSpec, ITriggerSpec } from '../../interaction/interface';\nimport type { IRenderOption } from '../../compile/interface';\nimport type { ITooltipSpec } from '../../component/tooltip/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILayoutSpec } from '../../layout/interface';\nimport type {\n  ConvertToMarkStyleSpec,\n  IArc3dMarkSpec,\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  IBoxPlotMarkSpec,\n  ICommonSpec,\n  IGroupMarkSpec,\n  ILineMarkSpec,\n  ILinkPathMarkSpec,\n  IPathMarkSpec,\n  IPolygonMarkSpec,\n  IProgressArcMarkSpec,\n  IPyramid3dMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IRuleMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  IVisualSpecScale\n} from '../visual';\nimport type { StateValue } from '../../compile/mark';\nimport type { ISeriesStyle, SeriesType } from '../../series/interface';\nimport type { ILayoutOrientPadding } from '../../model/interface';\nimport type { Datum, StringOrNumber } from '../common';\nimport type { IInvalidType } from '../data';\nimport type { IMorphSeriesSpec } from '../../animation/spec';\nimport type { IPlayer } from '../../component/player';\nimport type { IMarkProgressiveConfig, MarkTypeEnum } from '../../mark/interface';\nimport type { IDataZoomSpec, IScrollBarSpec } from '../../component/data-zoom';\nimport type { ICrosshairSpec } from '../../component/crosshair/interface';\nimport type { ITheme } from '../../theme';\nimport type { ITitleSpec } from '../../component/title/interface';\nimport type { IBrushSpec } from '../../component/brush';\nimport type { ITotalLabelSpec } from '../../component/label';\n\nexport type IChartPadding = ILayoutOrientPadding | number;\n\n/** chart option */\nexport interface IInitOption extends Omit<IRenderOption, 'pluginList'> {\n  /**\n   * **仅生效于浏览器环境。**\n   * 图表挂载的父容器，可以直接指定容器 id，也可以传入 dom 对象\n   */\n  dom?: string | HTMLElement;\n  /**\n   * 除去选择 dom 属性进行挂载父容器，也可以使用 renderCanvas 属性直接传入 canvas 实例/ canvasId\n   * 小程序/小组件环境请直接传入 id\n   */\n  renderCanvas?: string | HTMLCanvasElement;\n  /** 数据集 */\n  dataSet?: DataSet;\n  /** 是否自适应容器大小 */\n  autoFit?: boolean;\n  /**\n   * 性能测试钩子\n   */\n  performanceHook?: IPerformanceHook;\n  /**\n   * 是否开启动画\n   */\n  animation?: boolean;\n  /**\n   * 3d配置\n   */\n  options3d?: srIOption3DType;\n\n  /**\n   * 自定义布局函数\n   */\n  layout?: LayoutCallBack;\n\n  /**\n   * 当文本省略时，鼠标 hover 到文本上时是否显示 poptip\n   * @default true\n   */\n  poptip?: boolean;\n\n  /**\n   * 报错的回调函数\n   * @since 1.2.0\n   */\n  onError?: (...args: any[]) => void;\n}\n\nexport enum RenderModeEnum {\n  'desktop-browser' = 'desktop-browser',\n  'mobile-browser' = 'mobile-browser',\n  'node' = 'node',\n  'worker' = 'worker',\n  'miniApp' = 'miniApp',\n  'desktop-miniApp' = 'desktop-miniApp',\n  'lynx' = 'lynx'\n}\nexport type RenderMode = keyof typeof RenderModeEnum;\n\n/** chart spec */\nexport interface IChartSpec {\n  /** 图表类型 */\n  type: string;\n  /** 数据 */\n  data?: IData;\n  /** 画布宽度 */\n  width?: number;\n  /** 画布高度 */\n  height?: number;\n  /**\n   * 图表宽高是否自适应容器，浏览器环境下默认为 true。\n   * 该配置的优先级高于构造函数中的 autoFit 配置。\n   * 如果用户配置了 width，则以用户配置的 width 为准，height 同理。\n   */\n  autoFit?: boolean;\n  /**\n   * 图表整体 padding 设置\n   */\n  padding?: ILayoutPaddingSpec;\n  /**\n   * 图表色系配置\n   */\n  color?: string[] | Omit<IVisualSpecScale<unknown, string>, 'id'>;\n  /**\n   * 系列\n   * @description 仅在组合图中使用, 文档中除组合图外均未透出该配置\n   */\n  series?: ISeriesSpec[];\n  /**\n   * 系列样式\n   * @description 仅在图表配置了seriesField时生效\n   */\n  seriesStyle?: ISeriesStyle;\n\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   * @since 1.2.0\n   */\n  animationThreshold?: number;\n\n  /** hover 交互 */\n  hover?: boolean | IHoverSpec;\n  /** select 交互 */\n  select?: boolean | ISelectSpec;\n\n  /** region配置 */\n  region?: IRegionSpec[];\n  /** 图表标题配置 */\n  title?: ITitleSpec;\n  /** 布局配置 */\n  layout?: ILayoutSpec;\n  /** 图例配置 */\n  legends?: IDiscreteLegendSpec | IDiscreteLegendSpec[];\n  /** 十字辅助线配置 */\n  crosshair?: ICrosshairSpec | ICrosshairSpec[];\n  /** tooltip配置 */\n  tooltip?: ITooltipSpec;\n  /** 播放器配置 */\n  player?: IPlayer;\n  /** 缩略轴配置 */\n  dataZoom?: IDataZoomSpec[];\n  /** 滚动条配置 */\n  scrollBar?: IScrollBarSpec[];\n  /** 框选配置 */\n  brush?: IBrushSpec;\n  /** 全局 scale 配置 */\n  scales?: IVisualSpecScale<unknown, unknown>[];\n  /** 自定义mark */\n  customMark?: ICustomMarkSpec<EnableMarkType>[];\n  /**\n   * 图表上的主题定义。\n   * 可以直接配置主题名，前提是该主题名已经注册\n   */\n  theme?: Omit<ITheme, 'name'> | string;\n  /**\n   * 图表背景色配置，优先级高于构造函数中的 background 配置\n   */\n  background?: IBackgroundSpec;\n\n  // TODO：后续开放，现在仍有问题\n  // poptip?: PopTipAttributes;\n  // TODO: 补充动画配置\n}\n\nexport type IBackgroundStyleSpec = ConvertToMarkStyleSpec<Omit<IFillMarkSpec, 'width' | 'height' | 'background'>> & {\n  image?: IRectMarkSpec['background'];\n  cornerRadius?: IRectMarkSpec['cornerRadius'];\n};\n\nexport type IBackgroundSpec = string | IBackgroundStyleSpec;\n\n/** data */\nexport type IDataType = IDataValues | DataView;\nexport type IData = IDataType | IDataType[];\nexport type DataKeyType = string | string[] | ((data: Datum, index: number) => string);\nexport type BuildInTransformOptions =\n  | {\n      /** 地理数据简化 */\n      type: 'simplify';\n      options: ISimplifyOptions;\n    }\n  | {\n      /** 数据维度处理，包括排序，逆序，数据筛选能力 */\n      type: 'fields';\n      options: IFieldsOptions;\n    }\n  | {\n      /** 使用回调的自定义筛选 */\n      type: 'filter';\n      options: IFilterOptions;\n    }\n  | {\n      /** 数据展开 */\n      type: 'fold';\n      options: IFoldOptions;\n    };\n\nexport interface IFieldsMeta {\n  /** TODO: 字段通用format, 暂时先不支持 */\n  // format?: (datum: Datum, index: number) => unknown;\n  /** 字段别名 */\n  alias?: string;\n  /** 字段取值范围 */\n  domain?: StringOrNumber[];\n  /** 是否使用 domain 锁定统计信息。默认为 false */\n  lockStatisticsByDomain?: boolean;\n  /** 连续型 还是 离散型 */\n  type?: 'ordinal' | 'linear';\n  /** 排序顺序 不设置的话当前维度不进行排序 */\n  sortIndex?: number;\n  /** 排序时是否反转 默认为 false */\n  sortReverse?: boolean;\n}\n\nexport interface SheetParseOptions {\n  type: 'csv' | 'dsv' | 'tsv';\n  options?: IDsvParserOptions;\n}\n\nexport interface CommonParseOptions {\n  /**\n   * 是否需要对数据进行 clone，默认为 true。\n   * 如果考虑性能，你可以将其关闭，但是这会带了一些副作用，即我们会对传入的数据进行修改（不会对原有字段及值修改，只会在原有数据基础上添加一些字段）。\n   * @default true\n   * @since 1.3.0\n   */\n  clone?: boolean;\n}\n\nexport interface IDataValues {\n  /**\n   * 数据唯一标识\n   */\n  id?: StringOrNumber;\n  /**\n   * 数据\n   */\n  values: Datum[] | string;\n  /**\n   * 引用的数据索引\n   */\n  fromDataIndex?: number;\n  /**\n   * 引用的数据 id\n   */\n  fromDataId?: StringOrNumber;\n  /**\n   * 数据 transform 配置\n   */\n  transforms?: BuildInTransformOptions[];\n  /**\n   * 数据字段相关配置\n   */\n  fields?: Record<\n    /** 字段key */\n    string,\n    IFieldsMeta\n  >;\n\n  parser?: SheetParseOptions | CommonParseOptions;\n}\n\nexport type IHierarchyNodeData = {\n  value?: number;\n  children?: IHierarchyNodeData[];\n} & Datum;\n\nexport interface IHierarchyDataValues extends Omit<IDataValues, 'values'> {\n  values: IHierarchyNodeData;\n}\n\nexport type IHierarchyData = DataView | IHierarchyDataValues;\n\n/** series */\nexport interface ISeriesSpec extends ITriggerSpec {\n  /** 系列类型 */\n  type: SeriesType;\n\n  /** 系列名称 */\n  name?: string;\n\n  /** 用户自定义的 series id */\n  id?: StringOrNumber;\n  /**\n   * 系列数据\n   * @description 系列可以配置自身的数据，也可以从chart.data中获取数据\n   */\n  data?: IDataType;\n  /**\n   * 系列关联的数据索引\n   * @default 0\n   */\n  dataIndex?: number;\n  /**\n   * 系列关联的数据id\n   */\n  dataId?: StringOrNumber;\n  /**\n   * dataKey用于绑定数据与Mark的关系, 该配置在动画中非常重要.\n   */\n  dataKey?: DataKeyType;\n\n  /**\n   * 系列关联的region索引\n   * @default 0\n   */\n  regionIndex?: number;\n  /** 系列关联的region id */\n  regionId?: StringOrNumber;\n  /**\n   * 分组字段\n   */\n  seriesField?: string;\n  /**\n   * 系列样式\n   * @description 仅在图表配置了seriesField时生效\n   */\n  seriesStyle?: ISeriesStyle;\n\n  /** 是否对数据进行堆叠处理 */\n  stack?: boolean;\n\n  /** 堆叠汇总标签\n   * @since 1.3.0\n   */\n  totalLabel?: ITotalLabelSpec;\n\n  /** 是否对数据进行百分比处理 */\n  percent?: boolean;\n\n  /** 是否围绕中心轴偏移轮廓 */\n  stackOffsetSilhouette?: boolean;\n\n  /**\n   * 非合规数据点连接方式\n   * @description null，undefined等非法数据点连接方式。\n   * @default 'break'\n   * 'break'指在该数据点处断开\n   * 'link' 指忽略该点保持连续\n   * 'zero' 指该点默认数值为0\n   * 'ignore' 指不处理\n   */\n  invalidType?: IInvalidType;\n\n  /** 提示信息 */\n  tooltip?: ITooltipSpec;\n\n  /**\n   * 是否开启系列动画\n   */\n  animation?: boolean;\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   * @since 1.2.0\n   */\n  animationThreshold?: number;\n\n  /**\n   * 是否支持3d视角\n   */\n  support3d?: boolean;\n  /**\n   * morph 动画配置\n   */\n  morph?: IMorphSeriesSpec;\n\n  /**\n   * 扩展mark\n   */\n  extensionMark?: (IExtensionMarkSpec<Exclude<EnableMarkType, MarkTypeEnum.group>> | IExtensionGroupMarkSpec)[];\n\n  /**\n   * series background\n   * 作用是支持系列的图形对系列背景进行 mask，或者切分等效果。不是作为背景图\n   * 暂时不开放api，避免出现break change\n   */\n  // background?: IBackgroundSpec;\n}\n\nexport type IChartExtendsSeriesSpec<T extends ISeriesSpec> = Omit<T, 'data' | 'morph'>;\n\nexport type AdaptiveSpec<T, K extends keyof any> = {\n  [key in Exclude<keyof T, K>]: T[key];\n} & { [key in K]: any };\n\n/** markSpec */\nexport type IMarkSpec<T extends ICommonSpec = ICommonSpec> = {\n  /**\n   * 用户id\n   */\n  id?: StringOrNumber;\n  /**\n   * 是否响应交互\n   */\n  interactive?: boolean;\n  // /**\n  //  * 是否会被region区域裁减\n  //  * @todo 暂未支持\n  //  */\n  // clip?: boolean;\n  /**\n   * 与其他mark元素的层级\n   */\n  zIndex?: number;\n  /**\n   * mark 层 是否显示配置\n   */\n  visible?: boolean;\n  /** 默认样式设置 */\n  style?: ConvertToMarkStyleSpec<T>;\n  /** 不同状态下的样式配置 */\n  state?: Record<StateValue, IMarkStateSpec<T> | IMarkStateStyleSpec<T>>;\n\n  /* 是否是3d视角的mark */\n  support3d?: boolean;\n} & IMarkProgressiveConfig;\n\nexport type IMarkStateFilter =\n  | {\n      /** 维度筛选 */\n      fields: { [key in string]: { type: 'ordinal' | 'linear'; domain: StringOrNumber[] } };\n    }\n  | {\n      /** 筛选数据 */\n      datums: Datum[];\n      /** 筛选数据 */\n      datumKeys: string[];\n    }\n  | {\n      /** 筛选 item */\n      items: IElement[];\n    }\n  /** 筛选函数 */\n  | ((datum: Datum, options: Record<string, any>) => boolean);\n\nexport interface IMarkStateSpec<T> {\n  /** 筛选器 */\n  filter?: IMarkStateFilter;\n  /** 状态优先级 */\n  level?: number | undefined;\n  style: ConvertToMarkStyleSpec<T>;\n}\n\nexport type IMarkStateStyleSpec<T> = ConvertToMarkStyleSpec<T>;\n\nexport type IMarkTheme<T> = {\n  /**\n   * mark 层 是否显示配置\n   */\n  visible?: boolean;\n  /** 默认样式设置 */\n  style?: T;\n  /** 不同状态下的样式配置 */\n  state?: Record<StateValue, T>;\n  /**\n   * 可交互的开关\n   */\n  interactive?: boolean;\n};\n\nexport interface IPerformanceHook {\n  // InitRender\n  //   ├── InitializeChart\n  //   ├── CompileToVGrammar\n  //   ├── ParseView\n  //   |  └── ParseExpression\n  //   ├── (new View)\n  //   |  ├── CreateRuntime\n  //   |  └── (view.initialize)\n  //   |     └── CreateVRenderStage\n  //   └── SrViewEvaluateAsync / SrViewRunAsync\n  //      ├── MarkTransform\n  //      ├── FacetTransform\n  //      ├── CreateVRenderMark\n  //      └── VRenderDraw\n\n  // 初始化图表配置\n  beforeInitializeChart?: () => void;\n  afterInitializeChart?: () => void;\n\n  // 编译\n  beforeCompileToVGrammar?: () => void;\n  afterCompileToVGrammar?: () => void;\n  // 各个图表模块编译\n  beforeRegionCompile?: () => void;\n  afterRegionCompile?: () => void;\n  beforeSeriesCompile?: () => void;\n  afterSeriesCompile?: () => void;\n  beforeComponentCompile?: () => void;\n  afterComponentCompile?: () => void;\n\n  // resize的时候的钩子\n  beforeResizeWithUpdate?: () => void;\n  afterResizeWithUpdate?: () => void;\n\n  // LayoutWithSceneGraph 二次布局\n  beforeLayoutWithSceneGraph?: () => void;\n  afterLayoutWithSceneGraph?: () => void;\n\n  // VGrammar 解析spec\n  beforeParseView?: () => void;\n  afterParseView?: () => void;\n\n  // 初始化runtime\n  beforeCreateRuntime?: () => void;\n  afterCreateRuntime?: () => void;\n\n  // VGrammar EvaluateAsync 时间\n  beforeSrViewEvaluateAsync?: () => void;\n  afterSrViewEvaluateAsync?: () => void;\n\n  // VGrammar RunAsync 时间\n  beforeSrViewRunAsync?: () => void;\n  afterSrViewRunAsync?: () => void;\n\n  // transform测量\n  beforeTransform?: (name: string) => void;\n  afterTransform?: (name: string) => void;\n\n  // Create VRender Stage 时间\n  beforeCreateVRenderStage?: () => void;\n  afterCreateVRenderStage?: () => void;\n\n  // Create VRender Mark 时间\n  beforeCreateVRenderMark?: () => void;\n  afterCreateVRenderMark?: () => void;\n\n  // VRender Draw 时间\n  beforeVRenderDraw?: () => void;\n  afterVRenderDraw?: () => void;\n}\n\nexport type IBuildinMarkSpec = {\n  [MarkTypeEnum.group]: IGroupMarkSpec;\n\n  [MarkTypeEnum.symbol]: ISymbolMarkSpec;\n  [MarkTypeEnum.rule]: IRuleMarkSpec;\n  [MarkTypeEnum.line]: ILineMarkSpec;\n  [MarkTypeEnum.text]: ITextMarkSpec;\n  [MarkTypeEnum.rect]: IRectMarkSpec;\n  [MarkTypeEnum.rect3d]: IRect3dMarkSpec;\n  [MarkTypeEnum.image]: IImageMarkSpec;\n  [MarkTypeEnum.path]: IPathMarkSpec;\n  [MarkTypeEnum.area]: IAreaMarkSpec;\n  [MarkTypeEnum.arc]: IArcMarkSpec;\n  [MarkTypeEnum.arc3d]: IArc3dMarkSpec;\n  [MarkTypeEnum.polygon]: IPolygonMarkSpec;\n  [MarkTypeEnum.pyramid3d]: IPyramid3dMarkSpec;\n  [MarkTypeEnum.boxPlot]: IBoxPlotMarkSpec;\n  [MarkTypeEnum.linkPath]: ILinkPathMarkSpec;\n  [MarkTypeEnum.progressArc]: IProgressArcMarkSpec;\n};\nexport type EnableMarkType = keyof IBuildinMarkSpec;\nexport interface ICustomMarkSpec<T extends EnableMarkType> extends IMarkSpec<IBuildinMarkSpec[T]> {\n  type: T;\n  /**\n   * 关联的数据索引\n   * @default 与系列使用同一份数据\n   */\n  dataIndex?: number;\n  /**\n   * 关联的数据id\n   */\n  dataId?: StringOrNumber;\n}\nexport interface ICustomMarkGroupSpec extends ICustomMarkSpec<MarkTypeEnum.group> {\n  children?: ICustomMarkSpec<EnableMarkType>[];\n}\n\nexport interface IExtensionMarkSpec<T extends Exclude<EnableMarkType, MarkTypeEnum.group>> extends ICustomMarkSpec<T> {\n  /**\n   * 关联的数据索引\n   * @default 与系列使用同一份数据\n   */\n  dataIndex?: number;\n  /**\n   * 关联的数据id\n   */\n  dataId?: StringOrNumber;\n}\n\nexport interface IExtensionGroupMarkSpec extends ICustomMarkSpec<MarkTypeEnum.group> {\n  /**\n   * 支持子节点\n   */\n  children?: ICustomMarkSpec<EnableMarkType>[];\n}\n"]}
+{"version":3,"sources":["../src/typings/spec/common.ts"],"names":[],"mappings":";;;AAgHA,IAAY,cAQX;AARD,WAAY,cAAc;IACxB,qDAAqC,CAAA;IACrC,mDAAmC,CAAA;IACnC,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,qCAAqB,CAAA;IACrB,qDAAqC,CAAA;IACrC,+BAAe,CAAA;AACjB,CAAC,EARW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAQzB","file":"common.js","sourcesContent":["import type { IFillMarkSpec, IImageMarkSpec } from './../visual';\nimport type { ILayoutPaddingSpec } from '../../model/interface';\nimport type { LayoutCallBack } from '../../layout/interface';\nimport type { IElement, srIOption3DType } from '@visactor/vgrammar';\nimport type {\n  DataSet,\n  DataView,\n  ISimplifyOptions,\n  IFieldsOptions,\n  IFilterOptions,\n  IFoldOptions,\n  IDsvParserOptions\n} from '@visactor/vdataset';\nimport type { IRegionSpec } from '../../region/interface';\nimport type { IDiscreteLegendSpec } from '../../component/legend/discrete/interface';\nimport type { IHoverSpec, ISelectSpec, ITriggerSpec } from '../../interaction/interface';\nimport type { IRenderOption } from '../../compile/interface';\nimport type { ITooltipSpec } from '../../component/tooltip/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILayoutSpec } from '../../layout/interface';\nimport type {\n  ConvertToMarkStyleSpec,\n  IArc3dMarkSpec,\n  IArcMarkSpec,\n  IAreaMarkSpec,\n  IBoxPlotMarkSpec,\n  ICommonSpec,\n  IGroupMarkSpec,\n  ILineMarkSpec,\n  ILinkPathMarkSpec,\n  IPathMarkSpec,\n  IPolygonMarkSpec,\n  IProgressArcMarkSpec,\n  IPyramid3dMarkSpec,\n  IRect3dMarkSpec,\n  IRectMarkSpec,\n  IRuleMarkSpec,\n  ISymbolMarkSpec,\n  ITextMarkSpec,\n  IVisualSpecScale\n} from '../visual';\nimport type { StateValue } from '../../compile/mark';\nimport type { ISeriesStyle, SeriesType } from '../../series/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport type { ILayoutOrientPadding } from '../../model/interface';\nimport type { Datum, StringOrNumber } from '../common';\nimport type { IInvalidType } from '../data';\nimport type { IMorphSeriesSpec } from '../../animation/spec';\nimport type { IPlayer } from '../../component/player';\nimport type { IMarkProgressiveConfig, MarkTypeEnum } from '../../mark/interface';\nimport type { IDataZoomSpec, IScrollBarSpec } from '../../component/data-zoom';\nimport type { ICrosshairSpec } from '../../component/crosshair/interface';\nimport type { ITheme } from '../../theme';\nimport type { ITitleSpec } from '../../component/title/interface';\nimport type { IBrushSpec } from '../../component/brush';\nimport type { ITotalLabelSpec } from '../../component/label';\n\nexport type IChartPadding = ILayoutOrientPadding | number;\n\n/** chart option */\nexport interface IInitOption extends Omit<IRenderOption, 'pluginList'> {\n  /**\n   * **仅生效于浏览器环境。**\n   * 图表挂载的父容器，可以直接指定容器 id，也可以传入 dom 对象\n   */\n  dom?: string | HTMLElement;\n  /**\n   * 除去选择 dom 属性进行挂载父容器，也可以使用 renderCanvas 属性直接传入 canvas 实例/ canvasId\n   * 小程序/小组件环境请直接传入 id\n   */\n  renderCanvas?: string | HTMLCanvasElement;\n  /** 数据集 */\n  dataSet?: DataSet;\n  /** 是否自适应容器大小 */\n  autoFit?: boolean;\n  /**\n   * 性能测试钩子\n   */\n  performanceHook?: IPerformanceHook;\n  /**\n   * 是否开启动画\n   */\n  animation?: boolean;\n  /**\n   * 3d配置\n   */\n  options3d?: srIOption3DType;\n\n  /**\n   * 自定义布局函数\n   */\n  layout?: LayoutCallBack;\n\n  /**\n   * 当文本省略时，鼠标 hover 到文本上时是否显示 poptip\n   * @default true\n   */\n  poptip?: boolean;\n\n  /**\n   * 报错的回调函数\n   * @since 1.2.0\n   */\n  onError?: (...args: any[]) => void;\n\n  /**\n   * 默认主题（支持完整主题对象或者主题名称，主题名称需要提前在 `ThemeManager` 中注册）\n   * @since 1.3.0\n   */\n  theme?: string | ITheme;\n}\n\nexport enum RenderModeEnum {\n  'desktop-browser' = 'desktop-browser',\n  'mobile-browser' = 'mobile-browser',\n  'node' = 'node',\n  'worker' = 'worker',\n  'miniApp' = 'miniApp',\n  'desktop-miniApp' = 'desktop-miniApp',\n  'lynx' = 'lynx'\n}\nexport type RenderMode = keyof typeof RenderModeEnum;\n\n/** chart spec */\nexport interface IChartSpec {\n  /** 图表类型 */\n  type: string;\n  /** 数据 */\n  data?: IData;\n  /** 画布宽度 */\n  width?: number;\n  /** 画布高度 */\n  height?: number;\n  /**\n   * 图表宽高是否自适应容器，浏览器环境下默认为 true。\n   * 该配置的优先级高于构造函数中的 autoFit 配置。\n   * 如果用户配置了 width，则以用户配置的 width 为准，height 同理。\n   */\n  autoFit?: boolean;\n  /**\n   * 图表整体 padding 设置\n   */\n  padding?: ILayoutPaddingSpec;\n  /**\n   * 图表色系配置\n   */\n  color?: string[] | Omit<IVisualSpecScale<unknown, string>, 'id'>;\n  /**\n   * 系列\n   * @description 仅在组合图中使用, 文档中除组合图外均未透出该配置\n   */\n  series?: ISeriesSpec[];\n  /**\n   * 系列样式\n   * @description 仅在图表配置了seriesField时生效\n   */\n  seriesStyle?: ISeriesStyle;\n\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   * @since 1.2.0\n   */\n  animationThreshold?: number;\n\n  /** hover 交互 */\n  hover?: boolean | IHoverSpec;\n  /** select 交互 */\n  select?: boolean | ISelectSpec;\n\n  /** region配置 */\n  region?: IRegionSpec[];\n  /** 图表标题配置 */\n  title?: ITitleSpec;\n  /** 布局配置 */\n  layout?: ILayoutSpec;\n  /** 图例配置 */\n  legends?: IDiscreteLegendSpec | IDiscreteLegendSpec[];\n  /** 十字辅助线配置 */\n  crosshair?: ICrosshairSpec | ICrosshairSpec[];\n  /** tooltip配置 */\n  tooltip?: ITooltipSpec;\n  /** 播放器配置 */\n  player?: IPlayer;\n  /** 缩略轴配置 */\n  dataZoom?: IDataZoomSpec[];\n  /** 滚动条配置 */\n  scrollBar?: IScrollBarSpec[];\n  /** 框选配置 */\n  brush?: IBrushSpec;\n  /** 全局 scale 配置 */\n  scales?: IVisualSpecScale<unknown, unknown>[];\n  /** 自定义mark */\n  customMark?: ICustomMarkSpec<EnableMarkType>[];\n  /**\n   * 图表上的主题定义。\n   * 可以直接配置主题名，前提是该主题名已经注册\n   */\n  theme?: Omit<ITheme, 'name'> | string;\n  /**\n   * 图表背景色配置，优先级高于构造函数中的 background 配置\n   */\n  background?: IBackgroundSpec;\n\n  // TODO：后续开放，现在仍有问题\n  // poptip?: PopTipAttributes;\n  // TODO: 补充动画配置\n}\n\nexport type IBackgroundStyleSpec = ConvertToMarkStyleSpec<Omit<IFillMarkSpec, 'width' | 'height' | 'background'>> & {\n  image?: IRectMarkSpec['background'];\n  cornerRadius?: IRectMarkSpec['cornerRadius'];\n};\n\nexport type IBackgroundSpec = string | IBackgroundStyleSpec;\n\n/** data */\nexport type IDataType = IDataValues | DataView;\nexport type IData = IDataType | IDataType[];\nexport type DataKeyType = string | string[] | ((data: Datum, index: number) => string);\nexport type BuildInTransformOptions =\n  | {\n      /** 地理数据简化 */\n      type: 'simplify';\n      options: ISimplifyOptions;\n    }\n  | {\n      /** 数据维度处理，包括排序，逆序，数据筛选能力 */\n      type: 'fields';\n      options: IFieldsOptions;\n    }\n  | {\n      /** 使用回调的自定义筛选 */\n      type: 'filter';\n      options: IFilterOptions;\n    }\n  | {\n      /** 数据展开 */\n      type: 'fold';\n      options: IFoldOptions;\n    };\n\nexport interface IFieldsMeta {\n  /** TODO: 字段通用format, 暂时先不支持 */\n  // format?: (datum: Datum, index: number) => unknown;\n  /** 字段别名 */\n  alias?: string;\n  /** 字段取值范围 */\n  domain?: StringOrNumber[];\n  /** 是否使用 domain 锁定统计信息。默认为 false */\n  lockStatisticsByDomain?: boolean;\n  /** 连续型 还是 离散型 */\n  type?: 'ordinal' | 'linear';\n  /** 排序顺序 不设置的话当前维度不进行排序 */\n  sortIndex?: number;\n  /** 排序时是否反转 默认为 false */\n  sortReverse?: boolean;\n}\n\nexport interface SheetParseOptions extends CommonParseOptions {\n  type: 'csv' | 'dsv' | 'tsv';\n  options?: IDsvParserOptions;\n}\n\nexport interface CommonParseOptions {\n  /**\n   * 是否需要对数据进行 clone，默认为 true。\n   * 如果考虑性能，你可以将其关闭，但是这会带了一些副作用，即我们会对传入的数据进行修改（不会对原有字段及值修改，只会在原有数据基础上添加一些字段）。\n   * @default true\n   * @since 1.3.0\n   */\n  clone?: boolean;\n}\n\nexport interface IDataValues {\n  /**\n   * 数据唯一标识\n   */\n  id?: StringOrNumber;\n  /**\n   * 数据\n   */\n  values: Datum[] | string;\n  /**\n   * 引用的数据索引\n   */\n  fromDataIndex?: number;\n  /**\n   * 引用的数据 id\n   */\n  fromDataId?: StringOrNumber;\n  /**\n   * 数据 transform 配置\n   */\n  transforms?: BuildInTransformOptions[];\n  /**\n   * 数据字段相关配置\n   */\n  fields?: Record<\n    /** 字段key */\n    string,\n    IFieldsMeta\n  >;\n\n  parser?: SheetParseOptions | CommonParseOptions;\n}\n\nexport type IHierarchyNodeData = {\n  value?: number;\n  children?: IHierarchyNodeData[];\n} & Datum;\n\nexport interface IHierarchyDataValues extends Omit<IDataValues, 'values'> {\n  values: IHierarchyNodeData;\n}\n\nexport type IHierarchyData = DataView | IHierarchyDataValues;\n\n/** series */\nexport interface ISeriesSpec extends ITriggerSpec {\n  /** 系列类型 */\n  type: SeriesType;\n\n  /** 系列名称 */\n  name?: string;\n\n  /** 用户自定义的 series id */\n  id?: StringOrNumber;\n  /**\n   * 系列数据\n   * @description 系列可以配置自身的数据，也可以从chart.data中获取数据\n   */\n  data?: IDataType;\n  /**\n   * 系列关联的数据索引\n   * @default 0\n   */\n  dataIndex?: number;\n  /**\n   * 系列关联的数据id\n   */\n  dataId?: StringOrNumber;\n  /**\n   * dataKey用于绑定数据与Mark的关系, 该配置在动画中非常重要.\n   */\n  dataKey?: DataKeyType;\n\n  /**\n   * 系列关联的region索引\n   * @default 0\n   */\n  regionIndex?: number;\n  /** 系列关联的region id */\n  regionId?: StringOrNumber;\n  /**\n   * 分组字段\n   */\n  seriesField?: string;\n  /**\n   * 系列样式\n   * @description 仅在图表配置了seriesField时生效\n   */\n  seriesStyle?: ISeriesStyle;\n\n  /** 是否对数据进行堆叠处理 */\n  stack?: boolean;\n\n  /** 堆叠汇总标签\n   * @since 1.3.0\n   */\n  totalLabel?: ITotalLabelSpec;\n\n  /** 是否对数据进行百分比处理 */\n  percent?: boolean;\n\n  /** 是否围绕中心轴偏移轮廓 */\n  stackOffsetSilhouette?: boolean;\n\n  /**\n   * 非合规数据点连接方式\n   * @description null，undefined等非法数据点连接方式。\n   * @default 'break'\n   * 'break'指在该数据点处断开\n   * 'link' 指忽略该点保持连续\n   * 'zero' 指该点默认数值为0\n   * 'ignore' 指不处理\n   */\n  invalidType?: IInvalidType;\n\n  /** 提示信息 */\n  tooltip?: ITooltipSpec;\n\n  /**\n   * 是否开启系列动画\n   */\n  animation?: boolean;\n  /**\n   * 自动关闭动画的阀值，对应的是单系列data的长度\n   * @since 1.2.0\n   */\n  animationThreshold?: number;\n\n  /**\n   * 是否支持3d视角\n   */\n  support3d?: boolean;\n  /**\n   * morph 动画配置\n   */\n  morph?: IMorphSeriesSpec;\n\n  /**\n   * 扩展mark\n   */\n  extensionMark?: (IExtensionMarkSpec<Exclude<EnableMarkType, MarkTypeEnum.group>> | IExtensionGroupMarkSpec)[];\n\n  /**\n   * series background\n   * 作用是支持系列的图形对系列背景进行 mask，或者切分等效果。不是作为背景图\n   * 暂时不开放api，避免出现break change\n   */\n  // background?: IBackgroundSpec;\n}\n\nexport type IChartExtendsSeriesSpec<T extends ISeriesSpec> = Omit<T, 'data' | 'morph'>;\n\nexport type AdaptiveSpec<T, K extends keyof any> = {\n  [key in Exclude<keyof T, K>]: T[key];\n} & { [key in K]: any };\n\n/** markSpec */\nexport type IMarkSpec<T extends ICommonSpec = ICommonSpec> = {\n  /**\n   * 用户id\n   */\n  id?: StringOrNumber;\n  /**\n   * 是否响应交互\n   */\n  interactive?: boolean;\n  // /**\n  //  * 是否会被region区域裁减\n  //  * @todo 暂未支持\n  //  */\n  // clip?: boolean;\n  /**\n   * 与其他mark元素的层级\n   */\n  zIndex?: number;\n  /**\n   * mark 层 是否显示配置\n   */\n  visible?: boolean;\n  /** 默认样式设置 */\n  style?: ConvertToMarkStyleSpec<T>;\n  /** 不同状态下的样式配置 */\n  state?: Record<StateValue, IMarkStateSpec<T> | IMarkStateStyleSpec<T>>;\n\n  /* 是否是3d视角的mark */\n  support3d?: boolean;\n} & IMarkProgressiveConfig;\n\nexport type IMarkStateFilter =\n  | {\n      /** 维度筛选 */\n      fields: { [key in string]: { type: 'ordinal' | 'linear'; domain: StringOrNumber[] } };\n    }\n  | {\n      /** 筛选数据 */\n      datums: Datum[];\n      /** 筛选数据 */\n      datumKeys: string[];\n    }\n  | {\n      /** 筛选 item */\n      items: IElement[];\n    }\n  /** 筛选函数 */\n  | ((datum: Datum, options: Record<string, any>) => boolean);\n\nexport interface IMarkStateSpec<T> {\n  /** 筛选器 */\n  filter?: IMarkStateFilter;\n  /** 状态优先级 */\n  level?: number | undefined;\n  style: ConvertToMarkStyleSpec<T>;\n}\n\nexport type IMarkStateStyleSpec<T> = ConvertToMarkStyleSpec<T>;\n\nexport type IMarkTheme<T> = {\n  /**\n   * mark 层 是否显示配置\n   */\n  visible?: boolean;\n  /** 默认样式设置 */\n  style?: T;\n  /** 不同状态下的样式配置 */\n  state?: Record<StateValue, T>;\n  /**\n   * 可交互的开关\n   */\n  interactive?: boolean;\n};\n\nexport interface IPerformanceHook {\n  // InitRender\n  //   ├── InitializeChart\n  //   ├── CompileToVGrammar\n  //   ├── ParseView\n  //   |  └── ParseExpression\n  //   ├── (new View)\n  //   |  ├── CreateRuntime\n  //   |  └── (view.initialize)\n  //   |     └── CreateVRenderStage\n  //   └── SrViewEvaluateAsync / SrViewRunAsync\n  //      ├── MarkTransform\n  //      ├── FacetTransform\n  //      ├── CreateVRenderMark\n  //      └── VRenderDraw\n\n  // 初始化图表配置\n  beforeInitializeChart?: () => void;\n  afterInitializeChart?: () => void;\n\n  // 编译\n  beforeCompileToVGrammar?: () => void;\n  afterCompileToVGrammar?: () => void;\n  // 各个图表模块编译\n  beforeRegionCompile?: () => void;\n  afterRegionCompile?: () => void;\n  beforeSeriesCompile?: () => void;\n  afterSeriesCompile?: () => void;\n  beforeComponentCompile?: () => void;\n  afterComponentCompile?: () => void;\n\n  // resize的时候的钩子\n  beforeResizeWithUpdate?: () => void;\n  afterResizeWithUpdate?: () => void;\n\n  // LayoutWithSceneGraph 二次布局\n  beforeLayoutWithSceneGraph?: () => void;\n  afterLayoutWithSceneGraph?: () => void;\n\n  // VGrammar 解析spec\n  beforeParseView?: () => void;\n  afterParseView?: () => void;\n\n  // 初始化runtime\n  beforeCreateRuntime?: () => void;\n  afterCreateRuntime?: () => void;\n\n  // VGrammar EvaluateAsync 时间\n  beforeSrViewEvaluateAsync?: () => void;\n  afterSrViewEvaluateAsync?: () => void;\n\n  // VGrammar RunAsync 时间\n  beforeSrViewRunAsync?: () => void;\n  afterSrViewRunAsync?: () => void;\n\n  // transform测量\n  beforeTransform?: (name: string) => void;\n  afterTransform?: (name: string) => void;\n\n  // Create VRender Stage 时间\n  beforeCreateVRenderStage?: () => void;\n  afterCreateVRenderStage?: () => void;\n\n  // Create VRender Mark 时间\n  beforeCreateVRenderMark?: () => void;\n  afterCreateVRenderMark?: () => void;\n\n  // VRender Draw 时间\n  beforeVRenderDraw?: () => void;\n  afterVRenderDraw?: () => void;\n}\n\nexport type IBuildinMarkSpec = {\n  [MarkTypeEnum.group]: IGroupMarkSpec;\n\n  [MarkTypeEnum.symbol]: ISymbolMarkSpec;\n  [MarkTypeEnum.rule]: IRuleMarkSpec;\n  [MarkTypeEnum.line]: ILineMarkSpec;\n  [MarkTypeEnum.text]: ITextMarkSpec;\n  [MarkTypeEnum.rect]: IRectMarkSpec;\n  [MarkTypeEnum.rect3d]: IRect3dMarkSpec;\n  [MarkTypeEnum.image]: IImageMarkSpec;\n  [MarkTypeEnum.path]: IPathMarkSpec;\n  [MarkTypeEnum.area]: IAreaMarkSpec;\n  [MarkTypeEnum.arc]: IArcMarkSpec;\n  [MarkTypeEnum.arc3d]: IArc3dMarkSpec;\n  [MarkTypeEnum.polygon]: IPolygonMarkSpec;\n  [MarkTypeEnum.pyramid3d]: IPyramid3dMarkSpec;\n  [MarkTypeEnum.boxPlot]: IBoxPlotMarkSpec;\n  [MarkTypeEnum.linkPath]: ILinkPathMarkSpec;\n  [MarkTypeEnum.progressArc]: IProgressArcMarkSpec;\n};\nexport type EnableMarkType = keyof IBuildinMarkSpec;\nexport interface ICustomMarkSpec<T extends EnableMarkType> extends IMarkSpec<IBuildinMarkSpec[T]> {\n  type: T;\n  /**\n   * 关联的数据索引\n   * @default 与系列使用同一份数据\n   */\n  dataIndex?: number;\n  /**\n   * 关联的数据id\n   */\n  dataId?: StringOrNumber;\n}\nexport interface ICustomMarkGroupSpec extends ICustomMarkSpec<MarkTypeEnum.group> {\n  children?: ICustomMarkSpec<EnableMarkType>[];\n}\n\nexport interface IExtensionMarkSpec<T extends Exclude<EnableMarkType, MarkTypeEnum.group>> extends ICustomMarkSpec<T> {\n  /**\n   * 关联的数据索引\n   * @default 与系列使用同一份数据\n   */\n  dataIndex?: number;\n  /**\n   * 关联的数据id\n   */\n  dataId?: StringOrNumber;\n}\n\nexport interface IExtensionGroupMarkSpec extends ICustomMarkSpec<MarkTypeEnum.group> {\n  /**\n   * 支持子节点\n   */\n  children?: ICustomMarkSpec<EnableMarkType>[];\n}\n"]}