@visactor/vchart 1.3.0-beta.9 → 1.3.0

package/cjs/theme/builtin/common/component/axis/common-axis.js

@@ -44,7 +44,7 @@ exports.commonAxis = {
     },
     tick: {
         visible: !0,
-        tickSize: constants_1.THEME_CONSTANTS.AXIS_TICK_SIZE,
+        tickSize: constants_1.THEME_CONSTANTS.axisTickSize,
         style: {
             lineWidth: 1,
             stroke: {
@@ -56,7 +56,7 @@ exports.commonAxis = {
     },
     subTick: {
         visible: !1,
-        tickSize: constants_1.THEME_CONSTANTS.AXIS_TICK_SIZE / 2,
+        tickSize: constants_1.THEME_CONSTANTS.axisTickSize / 2,
         style: {
             lineWidth: 1,
             stroke: {
@@ -70,10 +70,11 @@ exports.commonAxis = {
         visible: !0,
         space: 10,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fill: {
                 type: "palette",
-                key: "labelFontColor"
+                key: "axisFontColor"
             },
             fontWeight: "normal",
             fillOpacity: 1
@@ -82,8 +83,13 @@ exports.commonAxis = {
     title: {
         space: 10,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE,
-            fill: "#333333",
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
+            fill: {
+                type: "palette",
+                key: "secondaryFontColor"
+            },
             fontWeight: "normal",
             fillOpacity: 1
         }

package/cjs/theme/builtin/common/component/axis/common-axis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/axis/common-axis.ts"],"names":[],"mappings":";;;AACA,+CAAkD;AAErC,QAAA,UAAU,GAAqB;IAC1C,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YACjD,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YACjD,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,2BAAe,CAAC,cAAc;QACxC,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,2BAAe,CAAC,cAAc,GAAG,CAAC;QAC5C,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,aAAa,EAAE,CAAC;SACjB;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,eAAe;YACzC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;YAChD,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,eAAe;YACzC,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;CACF,CAAC","file":"common-axis.js","sourcesContent":["import type { IAxisCommonTheme } from '../../../../../component/axis';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const commonAxis: IAxisCommonTheme = {\n  domainLine: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisDomainColor' },\n      strokeOpacity: 1\n    }\n  },\n  grid: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisGridColor' },\n      strokeOpacity: 1,\n      lineDash: []\n    }\n  },\n  subGrid: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisGridColor' },\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    }\n  },\n  tick: {\n    visible: true,\n    tickSize: THEME_CONSTANTS.AXIS_TICK_SIZE,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisDomainColor' },\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    tickSize: THEME_CONSTANTS.AXIS_TICK_SIZE / 2,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisDomainColor' },\n      strokeOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    space: 10,\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fill: { type: 'palette', key: 'labelFontColor' },\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  title: {\n    space: 10,\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fill: '#333333',\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/axis/common-axis.ts"],"names":[],"mappings":";;;AACA,+CAAkD;AAErC,QAAA,UAAU,GAAqB;IAC1C,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,aAAa,EAAE,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YACjD,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YACjD,aAAa,EAAE,CAAC;YAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,2BAAe,CAAC,YAAY;QACtC,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,aAAa,EAAE,CAAC;SACjB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,2BAAe,CAAC,YAAY,GAAG,CAAC;QAC1C,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,aAAa,EAAE,CAAC;SACjB;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YAC/C,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;YACpD,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;SACf;KACF;CACF,CAAC","file":"common-axis.js","sourcesContent":["import type { IAxisCommonTheme } from '../../../../../component/axis';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const commonAxis: IAxisCommonTheme = {\n  domainLine: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisDomainColor' },\n      strokeOpacity: 1\n    }\n  },\n  grid: {\n    visible: true,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisGridColor' },\n      strokeOpacity: 1,\n      lineDash: []\n    }\n  },\n  subGrid: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisGridColor' },\n      strokeOpacity: 1,\n      lineDash: [4, 4]\n    }\n  },\n  tick: {\n    visible: true,\n    tickSize: THEME_CONSTANTS.axisTickSize,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisDomainColor' },\n      strokeOpacity: 1\n    }\n  },\n  subTick: {\n    visible: false,\n    tickSize: THEME_CONSTANTS.axisTickSize / 2,\n    style: {\n      lineWidth: 1,\n      stroke: { type: 'palette', key: 'axisDomainColor' },\n      strokeOpacity: 1\n    }\n  },\n  label: {\n    visible: true,\n    space: 10,\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      // lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fill: { type: 'palette', key: 'axisFontColor' },\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  },\n  title: {\n    space: 10,\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fill: { type: 'palette', key: 'secondaryFontColor' },\n      fontWeight: 'normal',\n      fillOpacity: 1\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/axis/polar-axis.js

@@ -19,7 +19,7 @@ Object.defineProperty(exports, "__esModule", {
         }
     },
     label: {
-        space: 10
+        space: 8
     }
 };
 //# sourceMappingURL=polar-axis.js.map

package/cjs/theme/builtin/common/component/axis/polar-axis.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/axis/polar-axis.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAA0B;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAEW,QAAA,SAAS,GAA0B;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;KACV;CACF,CAAC","file":"polar-axis.js","sourcesContent":["import type { IPolarAxisCommonTheme } from '../../../../../component/axis/polar/interface/theme';\n\nexport const axisRadius: IPolarAxisCommonTheme = {\n  grid: {\n    smooth: true,\n    visible: true\n  },\n  subGrid: {\n    smooth: true,\n    visible: false\n  }\n};\n\nexport const axisAngle: IPolarAxisCommonTheme = {\n  grid: {\n    visible: true,\n    style: {\n      lineDash: [6, 6]\n    }\n  },\n  label: {\n    space: 10\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/axis/polar-axis.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAA0B;IAC/C,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAEW,QAAA,SAAS,GAA0B;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE,CAAC;KACT;CACF,CAAC","file":"polar-axis.js","sourcesContent":["import type { IPolarAxisCommonTheme } from '../../../../../component/axis/polar/interface/theme';\n\nexport const axisRadius: IPolarAxisCommonTheme = {\n  grid: {\n    smooth: true,\n    visible: true\n  },\n  subGrid: {\n    smooth: true,\n    visible: false\n  }\n};\n\nexport const axisAngle: IPolarAxisCommonTheme = {\n  grid: {\n    visible: true,\n    style: {\n      lineDash: [6, 6]\n    }\n  },\n  label: {\n    space: 8\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/crosshair.js

@@ -4,149 +4,105 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.crosshair = void 0;
 
-const constants_1 = require("../constants"), fontSize = constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE;
-
-exports.crosshair = {
-    trigger: "hover",
-    xField: {
-        visible: !1,
-        line: {
-            type: "rect",
-            visible: !0,
-            style: {
-                fill: "#b2bacf",
-                opacity: .2,
-                lineDash: []
-            }
+const constants_1 = require("../constants"), getLabelSpec = () => ({
+    visible: !1,
+    style: {
+        fontWeight: "normal",
+        fill: {
+            type: "palette",
+            key: "labelReverseFontColor"
         },
-        label: {
-            visible: !1,
-            style: {
-                fontWeight: "normal",
-                fill: {
+        fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+        fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily
+    },
+    labelBackground: {
+        padding: {
+            bottom: 0,
+            top: 0,
+            left: 2,
+            right: 2
+        },
+        style: {
+            fill: {
+                type: "palette",
+                key: "primaryFontColor"
+            },
+            outerBorder: {
+                stroke: {
                     type: "palette",
-                    key: "labelReverseFontColor"
+                    key: "primaryFontColor"
                 },
-                fontSize: fontSize
+                distance: 0,
+                lineWidth: 3
             },
-            labelBackground: {
-                padding: {
-                    bottom: 2,
-                    top: 2,
-                    left: 4,
-                    right: 4
-                },
-                style: {
-                    fill: "rgba(47, 59, 82, 0.9)",
-                    cornerRadius: 4
-                }
-            }
+            cornerRadius: 1
+        }
+    }
+}), getBandField = () => ({
+    visible: !1,
+    line: {
+        type: "rect",
+        visible: !0,
+        style: {
+            fill: {
+                type: "palette",
+                key: "axisGridColor"
+            },
+            opacity: .7,
+            lineDash: []
         }
     },
-    yField: {
-        visible: !1,
-        line: {
-            type: "line",
-            visible: !0,
-            style: {
-                stroke: "#b2bacf",
-                opacity: .2,
-                lineDash: []
-            }
-        },
-        label: {
-            visible: !1,
-            style: {
-                fontWeight: "normal",
-                fill: {
-                    type: "palette",
-                    key: "labelReverseFontColor"
-                },
-                fontSize: fontSize
+    label: getLabelSpec()
+}), getLinearField = () => ({
+    visible: !1,
+    line: {
+        type: "line",
+        visible: !0,
+        style: {
+            stroke: {
+                type: "palette",
+                key: "secondaryFontColor"
             },
-            labelBackground: {
-                padding: {
-                    bottom: 2,
-                    top: 2,
-                    left: 4,
-                    right: 4
-                },
-                style: {
-                    fill: "rgba(47, 59, 82, 0.9)",
-                    cornerRadius: 4
-                }
-            }
+            opacity: .7,
+            lineDash: [ 2, 3 ]
         }
     },
-    categoryField: {
+    label: getLabelSpec()
+});
+
+exports.crosshair = {
+    trigger: "hover",
+    bandField: {
         visible: !1,
         line: {
-            type: "line",
+            type: "rect",
             visible: !0,
             style: {
-                stroke: "#b2bacf",
-                opacity: .2,
-                lineDash: []
-            }
-        },
-        label: {
-            visible: !1,
-            style: {
-                fontWeight: "normal",
                 fill: {
                     type: "palette",
-                    key: "labelReverseFontColor"
+                    key: "axisGridColor"
                 },
-                fontSize: fontSize
-            },
-            labelBackground: {
-                padding: {
-                    bottom: 2,
-                    top: 2,
-                    left: 4,
-                    right: 4
-                },
-                style: {
-                    fill: "rgba(47, 59, 82, 0.9)",
-                    cornerRadius: 4
-                }
+                opacity: .7,
+                lineDash: []
             }
-        }
+        },
+        label: getLabelSpec()
     },
-    valueField: {
+    linearField: {
         visible: !1,
         line: {
             type: "line",
             visible: !0,
             style: {
-                stroke: "#b2bacf",
-                opacity: .2,
-                lineDash: []
-            }
-        },
-        label: {
-            visible: !1,
-            style: {
-                fontWeight: "normal",
-                fill: {
+                stroke: {
                     type: "palette",
-                    key: "labelReverseFontColor"
+                    key: "secondaryFontColor"
                 },
-                fontSize: fontSize
-            },
-            labelBackground: {
-                padding: {
-                    bottom: 2,
-                    top: 2,
-                    left: 4,
-                    right: 4
-                },
-                style: {
-                    fill: "rgba(47, 59, 82, 0.9)",
-                    cornerRadius: 4
-                }
+                opacity: .7,
+                lineDash: [ 2, 3 ]
             }
-        }
+        },
+        label: getLabelSpec()
     }
 };
 //# sourceMappingURL=crosshair.js.map

package/cjs/theme/builtin/common/component/crosshair.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/crosshair.ts"],"names":[],"mappings":"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","file":"crosshair.js","sourcesContent":["import type { ICrosshairRectSpec, ICrosshairTheme } from '../../../../component/crosshair/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nconst fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;\n\nexport const crosshair: ICrosshairTheme = {\n  trigger: 'hover',\n  xField: {\n    visible: false,\n    line: {\n      type: 'rect',\n      visible: true,\n      style: {\n        fill: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    } as ICrosshairRectSpec,\n    label: {\n      visible: false,\n      style: {\n        fontWeight: 'normal',\n        fill: { type: 'palette', key: 'labelReverseFontColor' },\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  yField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: false,\n      style: {\n        fontWeight: 'normal',\n        fill: { type: 'palette', key: 'labelReverseFontColor' },\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  categoryField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: false,\n      style: {\n        fontWeight: 'normal',\n        fill: { type: 'palette', key: 'labelReverseFontColor' },\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  valueField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: false,\n      style: {\n        fontWeight: 'normal',\n        fill: { type: 'palette', key: 'labelReverseFontColor' },\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/crosshair.ts"],"names":[],"mappings":";;;AAQA,4CAA+C;AAE/C,MAAM,YAAY,GAAG,GAAwB,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,KAAK;IACd,KAAK,EAAE;QACL,UAAU,EAAE,QAAQ;QACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;QACvD,QAAQ,EAAE,2BAAe,CAAC,UAAU;QAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;KAC9C;IACD,eAAe,EAAE;QACf,OAAO,EAAE;YACP,MAAM,EAAE,CAAC;YACT,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;SACT;QACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;YAClD,WAAW,EAAE;gBACX,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAS;gBAC3D,QAAQ,EAAE,CAAC;gBACX,SAAS,EAAE,CAAC;aACb;YACD,YAAY,EAAE,CAAC;SAChB;KACF;CACF,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,GAAgC,EAAE,CAAC,CAAC;IACvD,OAAO,EAAE,KAAK;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YAC/C,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,EAAE;SACb;KACoB;IACvB,KAAK,EAAE,YAAY,EAAE;CACtB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,GAA6B,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,KAAK;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;YACtD,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACjB;KACoB;IACvB,KAAK,EAAE,YAAY,EAAE;CACtB,CAAC,CAAC;AAEU,QAAA,SAAS,GAAoB;IACxC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE,YAAY,EAAE;IACzB,WAAW,EAAE,cAAc,EAAE;CAC9B,CAAC","file":"crosshair.js","sourcesContent":["import type {\n  ICrosshairLineSpec,\n  ICrosshairRectSpec,\n  ICrosshairValueFieldSpec,\n  ICrosshairCategoryFieldSpec,\n  ICrosshairLabelSpec,\n  ICrosshairTheme\n} from '../../../../component/crosshair/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nconst getLabelSpec = (): ICrosshairLabelSpec => ({\n  visible: false,\n  style: {\n    fontWeight: 'normal',\n    fill: { type: 'palette', key: 'labelReverseFontColor' },\n    fontSize: THEME_CONSTANTS.l5FontSize,\n    //lineHeight: THEME_CONSTANTS.l5LineHeight,\n    fontFamily: THEME_CONSTANTS.defaultFontFamily\n  },\n  labelBackground: {\n    padding: {\n      bottom: 0,\n      top: 0,\n      left: 2,\n      right: 2\n    },\n    style: {\n      fill: { type: 'palette', key: 'primaryFontColor' },\n      outerBorder: {\n        stroke: { type: 'palette', key: 'primaryFontColor' } as any,\n        distance: 0,\n        lineWidth: 3\n      },\n      cornerRadius: 1\n    }\n  }\n});\n\nconst getBandField = (): ICrosshairCategoryFieldSpec => ({\n  visible: false,\n  line: {\n    type: 'rect',\n    visible: true,\n    style: {\n      fill: { type: 'palette', key: 'axisGridColor' },\n      opacity: 0.7,\n      lineDash: []\n    }\n  } as ICrosshairRectSpec,\n  label: getLabelSpec()\n});\n\nconst getLinearField = (): ICrosshairValueFieldSpec => ({\n  visible: false,\n  line: {\n    type: 'line',\n    visible: true,\n    style: {\n      stroke: { type: 'palette', key: 'secondaryFontColor' },\n      opacity: 0.7,\n      lineDash: [2, 3]\n    }\n  } as ICrosshairLineSpec,\n  label: getLabelSpec()\n});\n\nexport const crosshair: ICrosshairTheme = {\n  trigger: 'hover',\n  bandField: getBandField(),\n  linearField: getLinearField()\n};\n"]}

package/cjs/theme/builtin/common/component/data-zoom.js

@@ -2,7 +2,11 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.dataZoom = void 0, exports.dataZoom = {
+}), exports.dataZoom = void 0;
+
+const constants_1 = require("../constants");
+
+exports.dataZoom = {
     padding: [ 12, 0 ],
     showDetail: "auto",
     brushSelect: !1,
@@ -62,7 +66,8 @@ Object.defineProperty(exports, "__esModule", {
                 type: "palette",
                 key: "dataZoomHandlerStrokeColor"
             },
-            lineWidth: 1
+            lineWidth: 1,
+            zIndex: 100
         }
     },
     endHandler: {
@@ -78,26 +83,33 @@ Object.defineProperty(exports, "__esModule", {
                 type: "palette",
                 key: "dataZoomHandlerStrokeColor"
             },
-            lineWidth: 1
+            lineWidth: 1,
+            zIndex: 100
         }
     },
     startText: {
         padding: 8,
         style: {
-            fontSize: 10,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fill: {
                 type: "palette",
-                key: "labelFontColor"
+                key: "secondaryFontColor",
+                default: "#89909d"
             }
         }
     },
     endText: {
         padding: 8,
         style: {
-            fontSize: 10,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fill: {
                 type: "palette",
-                key: "labelFontColor"
+                key: "secondaryFontColor",
+                default: "#89909d"
             }
         }
     },

package/cjs/theme/builtin/common/component/data-zoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import type { IDataZoomTheme } from '../../../../component/data-zoom';\n\nexport const dataZoom: IDataZoomTheme = {\n  padding: [12, 0],\n  showDetail: 'auto',\n  brushSelect: false,\n  middleHandler: {\n    visible: false,\n    background: {\n      size: 6,\n      style: {\n        stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      style: {\n        size: 4,\n        fill: { type: 'palette', key: 'dataZoomHandlerFillColor' },\n        stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n        symbolType:\n          // eslint-disable-next-line max-len\n          'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z',\n        lineWidth: 0.5\n      }\n    }\n  },\n  background: {\n    size: 20,\n    style: {\n      fill: { type: 'palette', key: 'dataZoomBackgroundColor' },\n      lineWidth: 0\n    }\n  },\n  selectedBackground: {\n    style: {\n      lineWidth: 0\n    }\n  },\n  startHandler: {\n    style: {\n      symbolType: `M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\n      C-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C0.3-1.4,0.3-1.4,0.3-1.4z`,\n      fill: { type: 'palette', key: 'dataZoomHandlerFillColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n      lineWidth: 1\n    }\n  },\n  endHandler: {\n    style: {\n      symbolType: `M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\n      C-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C0.3-1.4,0.3-1.4,0.3-1.4z`,\n      fill: { type: 'palette', key: 'dataZoomHandlerFillColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n      lineWidth: 1\n    }\n  },\n  startText: {\n    padding: 8,\n    style: {\n      fontSize: 10,\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  endText: {\n    padding: 8,\n    style: {\n      fontSize: 10,\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  dragMask: {\n    style: {\n      fill: { type: 'palette', key: 'dataZoomSelectedColor', a: 0.1 },\n      stroke: { type: 'palette', key: 'dataZoomSelectedColor', a: 0.2 },\n      lineWidth: 3\n    }\n  },\n  backgroundChart: {\n    area: {\n      style: {\n        stroke: false,\n        fill: { type: 'palette', key: 'dataZoomChartColor' }\n      }\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'dataZoomChartColor' },\n        lineWidth: 1\n      }\n    }\n  },\n  selectedBackgroundChart: {\n    area: {\n      style: {\n        stroke: false,\n        fill: { type: 'palette', key: 'dataZoomChartColor' }\n      }\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'dataZoomChartColor' },\n        lineWidth: 1\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/data-zoom.ts"],"names":[],"mappings":"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","file":"data-zoom.js","sourcesContent":["import type { IDataZoomTheme } from '../../../../component/data-zoom';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const dataZoom: IDataZoomTheme = {\n  padding: [12, 0],\n  showDetail: 'auto',\n  brushSelect: false,\n  middleHandler: {\n    visible: false,\n    background: {\n      size: 6,\n      style: {\n        stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      style: {\n        size: 4,\n        fill: { type: 'palette', key: 'dataZoomHandlerFillColor' },\n        stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n        symbolType:\n          // eslint-disable-next-line max-len\n          'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z',\n        lineWidth: 0.5\n      }\n    }\n  },\n  background: {\n    size: 20,\n    style: {\n      fill: { type: 'palette', key: 'dataZoomBackgroundColor' },\n      lineWidth: 0\n    }\n  },\n  selectedBackground: {\n    style: {\n      lineWidth: 0\n    }\n  },\n  startHandler: {\n    style: {\n      symbolType: `M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\n      C-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C0.3-1.4,0.3-1.4,0.3-1.4z`,\n      fill: { type: 'palette', key: 'dataZoomHandlerFillColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n      lineWidth: 1,\n      zIndex: 100\n    }\n  },\n  endHandler: {\n    style: {\n      symbolType: `M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\n      C-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\n      C0.3-1.4,0.3-1.4,0.3-1.4z`,\n      fill: { type: 'palette', key: 'dataZoomHandlerFillColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandlerStrokeColor' },\n      lineWidth: 1,\n      zIndex: 100\n    }\n  },\n  startText: {\n    padding: 8,\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    }\n  },\n  endText: {\n    padding: 8,\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    }\n  },\n  dragMask: {\n    style: {\n      fill: { type: 'palette', key: 'dataZoomSelectedColor', a: 0.1 },\n      stroke: { type: 'palette', key: 'dataZoomSelectedColor', a: 0.2 },\n      lineWidth: 3\n    }\n  },\n  backgroundChart: {\n    area: {\n      style: {\n        stroke: false,\n        fill: { type: 'palette', key: 'dataZoomChartColor' }\n      }\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'dataZoomChartColor' },\n        lineWidth: 1\n      }\n    }\n  },\n  selectedBackgroundChart: {\n    area: {\n      style: {\n        stroke: false,\n        fill: { type: 'palette', key: 'dataZoomChartColor' }\n      }\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'dataZoomChartColor' },\n        lineWidth: 1\n      }\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/indicator.js

@@ -2,14 +2,22 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.indicator = void 0, exports.indicator = {
+}), exports.indicator = void 0;
+
+const constants_1 = require("../constants");
+
+exports.indicator = {
     title: {
         visible: !0,
         autoLimit: !1,
         autoFit: !1,
         style: {
-            fontSize: 20,
-            fill: "black",
+            fontSize: constants_1.THEME_CONSTANTS.l1FontSize,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
+            fill: {
+                type: "palette",
+                key: [ "titleFontColor", "primaryFontColor" ]
+            },
             fontWeight: "normal",
             fillOpacity: 1,
             textBaseline: "top",
@@ -19,8 +27,12 @@ Object.defineProperty(exports, "__esModule", {
     content: {
         visible: !0,
         style: {
-            fontSize: 16,
-            fill: "black",
+            fontSize: constants_1.THEME_CONSTANTS.l2FontSize,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
+            fill: {
+                type: "palette",
+                key: "secondaryFontColor"
+            },
             fontWeight: "normal",
             fillOpacity: 1,
             textBaseline: "top",

package/cjs/theme/builtin/common/component/indicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/indicator.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAoB;IACxC,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAC","file":"indicator.js","sourcesContent":["import type { IIndicatorTheme } from '../../../../component/indicator/interface';\n\nexport const indicator: IIndicatorTheme = {\n  title: {\n    visible: true,\n    autoLimit: false,\n    autoFit: false,\n    style: {\n      fontSize: 20,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  },\n  content: {\n    visible: true,\n    style: {\n      fontSize: 16,\n      fill: 'black',\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/indicator.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,SAAS,GAAoB;IACxC,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EAAE;YACtE,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;YACpD,UAAU,EAAE,QAAQ;YACpB,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAC","file":"indicator.js","sourcesContent":["import type { IIndicatorTheme } from '../../../../component/indicator/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const indicator: IIndicatorTheme = {\n  title: {\n    visible: true,\n    autoLimit: false,\n    autoFit: false,\n    style: {\n      fontSize: THEME_CONSTANTS.l1FontSize,\n      // lineHeight: THEME_CONSTANTS.l1LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fill: { type: 'palette', key: ['titleFontColor', 'primaryFontColor'] },\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  },\n  content: {\n    visible: true,\n    style: {\n      fontSize: THEME_CONSTANTS.l2FontSize,\n      // lineHeight: THEME_CONSTANTS.l2LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fill: { type: 'palette', key: 'secondaryFontColor' },\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/legend/color-legend.js

@@ -4,7 +4,25 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.colorLegend = void 0;
 
-const continuous_1 = require("./continuous");
+const continuous_1 = require("./continuous"), handlerTheme = {
+    style: {
+        symbolType: "circle",
+        lineWidth: 0,
+        outerBorder: {
+            lineWidth: 2,
+            distance: .8,
+            stroke: "#ffffff"
+        },
+        shadowBlur: 12,
+        shadowOffsetX: 0,
+        shadowOffsetY: 4,
+        shadowColor: {
+            type: "palette",
+            key: "shadowColor",
+            a: .3
+        }
+    }
+};
 
 exports.colorLegend = {
     horizontal: Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
@@ -12,18 +30,26 @@ exports.colorLegend = {
             width: 200,
             height: 8,
             style: {
-                fill: "rgba(0,0,0,0.04)"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomBackgroundColor"
+                }
             }
-        }
+        },
+        handler: handlerTheme
     }),
     vertical: Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
         rail: {
             width: 8,
             height: 200,
             style: {
-                fill: "rgba(0,0,0,0.04)"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomBackgroundColor"
+                }
             }
-        }
+        },
+        handler: handlerTheme
     })
 };
 //# sourceMappingURL=color-legend.js.map

package/cjs/theme/builtin/common/component/legend/color-legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/legend/color-legend.ts"],"names":[],"mappings":";;;AACA,6CAA+D;AAElD,QAAA,WAAW,GAAsB;IAC5C,UAAU,kCACL,4CAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,GACF;IACD,QAAQ,kCACH,4CAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,GACF;CACF,CAAC","file":"color-legend.js","sourcesContent":["import type { IColorLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nexport const colorLegend: IColorLegendTheme = {\n  horizontal: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 200,\n      height: 8,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    }\n  },\n  vertical: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 8,\n      height: 200,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/color-legend.ts"],"names":[],"mappings":";;;AACA,6CAA+D;AAE/D,MAAM,YAAY,GAAsC;IACtD,KAAK,EAAE;QACL,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE;YACX,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,SAAS;SAClB;QACD,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE;KAC7D;CACF,CAAC;AAEW,QAAA,WAAW,GAAsB;IAC5C,UAAU,kCACL,4CAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,yBAAyB,EAAE;aAC1D;SACF,EACD,OAAO,EAAE,YAAY,GACtB;IACD,QAAQ,kCACH,4CAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,yBAAyB,EAAE;aAC1D;SACF,EACD,OAAO,EAAE,YAAY,GACtB;CACF,CAAC","file":"color-legend.js","sourcesContent":["import type { IColorLegendTheme, IContinuousLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nconst handlerTheme: IContinuousLegendTheme['handler'] = {\n  style: {\n    symbolType: 'circle',\n    lineWidth: 0,\n    outerBorder: {\n      lineWidth: 2,\n      distance: 0.8,\n      stroke: '#ffffff'\n    },\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: { type: 'palette', key: 'shadowColor', a: 0.3 }\n  }\n};\n\nexport const colorLegend: IColorLegendTheme = {\n  horizontal: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 200,\n      height: 8,\n      style: {\n        fill: { type: 'palette', key: 'dataZoomBackgroundColor' }\n      }\n    },\n    handler: handlerTheme\n  },\n  vertical: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 8,\n      height: 200,\n      style: {\n        fill: { type: 'palette', key: 'dataZoomBackgroundColor' }\n      }\n    },\n    handler: handlerTheme\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/legend/continuous.js

@@ -9,16 +9,18 @@ const constants_1 = require("../../constants");
 exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
     orient: "right",
     position: "middle",
-    padding: 30,
+    padding: [ 16, 24 ],
     title: {
         visible: !1,
         padding: 0,
         textStyle: {
-            fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fontWeight: "normal",
             fill: {
                 type: "palette",
-                key: "primaryFontColor"
+                key: [ "titleFontColor", "primaryFontColor" ]
             }
         },
         space: 12
@@ -28,33 +30,45 @@ exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
     },
     startText: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fontWeight: "normal",
             fill: {
                 type: "palette",
-                key: "labelFontColor"
+                key: "secondaryFontColor",
+                default: "#89909d"
             }
-        }
+        },
+        space: 6
     },
     endText: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fontWeight: "normal",
             fill: {
                 type: "palette",
-                key: "labelFontColor"
+                key: "secondaryFontColor",
+                default: "#89909d"
             }
-        }
+        },
+        space: 6
     },
     handlerText: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fontWeight: "normal",
             fill: {
                 type: "palette",
-                key: "labelFontColor"
+                key: "secondaryFontColor",
+                default: "#89909d"
             }
-        }
+        },
+        space: 6
     }
 };
 //# sourceMappingURL=continuous.js.map