@visactor/vchart 1.3.0-beta.8 → 1.3.0

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/legend/continuous.ts"],"names":[],"mappings":";;;AACA,+CAAkD;AAErC,QAAA,+BAA+B,GAA2B;IACrE,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,2BAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;SACnD;QACD,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACjD;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACjD;KACF;IACD,WAAW,EAAE;QACX,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACjD;KACF;CACF,CAAC","file":"continuous.js","sourcesContent":["import type { IContinuousLegendTheme } from '../../../../../component/legend';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const DEFAULT_CONTINUOUS_LEGEND_THEME: IContinuousLegendTheme = {\n  orient: 'right',\n  position: 'middle',\n  padding: 30,\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'primaryFontColor' }\n    },\n    space: 12\n  },\n  handler: {\n    visible: true\n  },\n  startText: {\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  endText: {\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  handlerText: {\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/continuous.ts"],"names":[],"mappings":";;;AACA,+CAAkD;AAErC,QAAA,+BAA+B,GAA2B;IACrE,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EAAE;SACvE;QACD,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE;SACzE;QACD,KAAK,EAAE,CAAC;KACT;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE;SACzE;QACD,KAAK,EAAE,CAAC;KACT;IACD,WAAW,EAAE;QACX,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE;SACzE;QACD,KAAK,EAAE,CAAC;KACT;CACF,CAAC","file":"continuous.js","sourcesContent":["import type { IContinuousLegendTheme } from '../../../../../component/legend';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const DEFAULT_CONTINUOUS_LEGEND_THEME: IContinuousLegendTheme = {\n  orient: 'right',\n  position: 'middle',\n  padding: [16, 24],\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: ['titleFontColor', 'primaryFontColor'] }\n    },\n    space: 12\n  },\n  handler: {\n    visible: true\n  },\n  startText: {\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    },\n    space: 6\n  },\n  endText: {\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    },\n    space: 6\n  },\n  handlerText: {\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    },\n    space: 6\n  }\n};\n"]}

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

@@ -14,10 +14,12 @@ exports.discreteLegend = {
         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,
             fill: {
                 type: "palette",
-                key: "primaryFontColor"
+                key: [ "titleFontColor", "primaryFontColor" ]
             },
             fontWeight: "normal"
         },
@@ -26,22 +28,30 @@ exports.discreteLegend = {
     item: {
         visible: !0,
         spaceCol: 10,
-        spaceRow: 10,
+        spaceRow: 6,
         padding: 2,
         background: {
             state: {
                 selectedHover: {
-                    fill: "gray",
-                    fillOpacity: .7
+                    fill: {
+                        type: "palette",
+                        key: "axisGridColor"
+                    }
                 },
                 unSelectedHover: {
-                    fill: "gray",
-                    fillOpacity: .2
+                    fill: {
+                        type: "palette",
+                        key: "axisGridColor"
+                    }
                 }
             }
         },
         shape: {
             space: 6,
+            style: {
+                lineWidth: 0,
+                fillOpacity: 1
+            },
             state: {
                 unSelected: {
                     fillOpacity: .5
@@ -53,9 +63,12 @@ exports.discreteLegend = {
             style: {
                 fill: {
                     type: "palette",
-                    key: "labelFontColor"
+                    key: "secondaryFontColor",
+                    default: "#89909d"
                 },
-                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
             },
             state: {
                 unSelected: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/legend/discrete-legend.ts"],"names":[],"mappings":";;;AACA,+CAAkD;AAErC,QAAA,cAAc,GAAyB;IAClD,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,2BAAe,CAAC,eAAe;YACzC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;YAClD,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE,EAAE;KACV;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,IAAI,EAAE,MAAM;oBACZ,WAAW,EAAE,GAAG;iBACjB;gBACD,eAAe,EAAE;oBACf,IAAI,EAAE,MAAM;oBACZ,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;gBAChD,QAAQ,EAAE,2BAAe,CAAC,eAAe;aAC1C;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;iBACnD;aACF;SACF;KACF;IACD,gBAAgB,EAAE,KAAK;CACxB,CAAC","file":"discrete-legend.js","sourcesContent":["import type { IDiscreteLegendTheme } from '../../../../../component/legend';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const discreteLegend: IDiscreteLegendTheme = {\n  orient: 'bottom',\n  position: 'middle',\n  padding: [16, 24],\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fill: { type: 'palette', key: 'primaryFontColor' },\n      fontWeight: 'normal'\n    },\n    space: 12\n  },\n  item: {\n    visible: true,\n    spaceCol: 10,\n    spaceRow: 10,\n    padding: 2,\n    background: {\n      state: {\n        selectedHover: {\n          fill: 'gray',\n          fillOpacity: 0.7\n        },\n        unSelectedHover: {\n          fill: 'gray',\n          fillOpacity: 0.2\n        }\n      }\n    },\n    shape: {\n      space: 6,\n      state: {\n        unSelected: {\n          fillOpacity: 0.5\n        }\n      }\n    },\n    label: {\n      space: 6,\n      style: {\n        fill: { type: 'palette', key: 'labelFontColor' },\n        fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE\n      },\n      state: {\n        unSelected: {\n          fill: { type: 'palette', key: 'disableFontColor' }\n        }\n      }\n    }\n  },\n  allowAllCanceled: false\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/discrete-legend.ts"],"names":[],"mappings":";;;AACA,+CAAkD;AAErC,QAAA,cAAc,GAAyB;IAClD,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;IACjB,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,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,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EAAE;YACtE,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE,EAAE;KACV;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;iBAChD;gBACD,eAAe,EAAE;oBACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;iBAChD;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,CAAC;aACf;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE;gBACxE,QAAQ,EAAE,2BAAe,CAAC,UAAU;gBACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;gBACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;aAC9C;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;iBACnD;aACF;SACF;KACF;IACD,gBAAgB,EAAE,KAAK;CACxB,CAAC","file":"discrete-legend.js","sourcesContent":["import type { IDiscreteLegendTheme } from '../../../../../component/legend';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const discreteLegend: IDiscreteLegendTheme = {\n  orient: 'bottom',\n  position: 'middle',\n  padding: [16, 24],\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fill: { type: 'palette', key: ['titleFontColor', 'primaryFontColor'] },\n      fontWeight: 'normal'\n    },\n    space: 12\n  },\n  item: {\n    visible: true,\n    spaceCol: 10,\n    spaceRow: 6,\n    padding: 2,\n    background: {\n      state: {\n        selectedHover: {\n          fill: { type: 'palette', key: 'axisGridColor' }\n        },\n        unSelectedHover: {\n          fill: { type: 'palette', key: 'axisGridColor' }\n        }\n      }\n    },\n    shape: {\n      space: 6,\n      style: {\n        lineWidth: 0,\n        fillOpacity: 1\n      },\n      state: {\n        unSelected: {\n          fillOpacity: 0.5\n        }\n      }\n    },\n    label: {\n      space: 6,\n      style: {\n        fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' },\n        fontSize: THEME_CONSTANTS.l5FontSize,\n        lineHeight: THEME_CONSTANTS.l5LineHeight,\n        fontFamily: THEME_CONSTANTS.defaultFontFamily\n      },\n      state: {\n        unSelected: {\n          fill: { type: 'palette', key: 'disableFontColor' }\n        }\n      }\n    }\n  },\n  allowAllCanceled: false\n};\n"]}

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

@@ -4,42 +4,81 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.sizeLegend = void 0;
 
-const continuous_1 = require("./continuous");
+const continuous_1 = require("./continuous"), handlerTheme = {
+    style: {
+        symbolType: "circle",
+        lineWidth: 0,
+        outerBorder: {
+            lineWidth: 2,
+            distance: .8,
+            stroke: {
+                type: "palette",
+                key: "dataZoomSelectedColor"
+            }
+        },
+        fill: {
+            type: "palette",
+            key: "dataZoomHandlerFillColor"
+        }
+    }
+};
 
-exports.sizeLegend = {
-    horizontal: Object.assign({
+exports.sizeLegend = Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
+    horizontal: {
         sizeBackground: {
-            fill: "#cdcdcd"
+            fill: {
+                type: "palette",
+                key: "dataZoomChartColor"
+            }
         },
         track: {
             style: {
-                fill: "rgba(20,20,20,0.1)"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomSelectedColor",
+                    a: .8
+                }
             }
         },
         rail: {
             width: 200,
             height: 4,
             style: {
-                fill: "rgba(0,0,0,0.04)"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomBackgroundColor"
+                }
             }
-        }
-    }, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME),
-    vertical: Object.assign({
+        },
+        handler: handlerTheme
+    },
+    vertical: Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
         sizeBackground: {
-            fill: "#cdcdcd"
+            fill: {
+                type: "palette",
+                key: "dataZoomChartColor"
+            }
         },
         track: {
             style: {
-                fill: "rgba(20,20,20,0.1)"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomSelectedColor",
+                    a: .8
+                }
             }
         },
         rail: {
             width: 4,
             height: 200,
             style: {
-                fill: "rgba(0,0,0,0.04)"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomBackgroundColor"
+                }
             }
-        }
-    }, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME)
-};
+        },
+        handler: handlerTheme
+    })
+});
 //# sourceMappingURL=size-legend.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/legend/size-legend.ts"],"names":[],"mappings":";;;AACA,6CAA+D;AAElD,QAAA,UAAU,GAAqB;IAC1C,UAAU,kBACR,cAAc,EAAE;YACd,IAAI,EAAE,SAAS;SAChB,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,oBAAoB;aAC3B;SACF,EACD,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,IACE,4CAA+B,CACnC;IACD,QAAQ,kBACN,cAAc,EAAE;YACd,IAAI,EAAE,SAAS;SAChB,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,oBAAoB;aAC3B;SACF,EACD,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,IACE,4CAA+B,CACnC;CACF,CAAC","file":"size-legend.js","sourcesContent":["import type { ISizeLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nexport const sizeLegend: ISizeLegendTheme = {\n  horizontal: {\n    sizeBackground: {\n      fill: '#cdcdcd'\n    },\n    track: {\n      style: {\n        fill: 'rgba(20,20,20,0.1)'\n      }\n    },\n    rail: {\n      width: 200,\n      height: 4,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    },\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME\n  },\n  vertical: {\n    sizeBackground: {\n      fill: '#cdcdcd'\n    },\n    track: {\n      style: {\n        fill: 'rgba(20,20,20,0.1)'\n      }\n    },\n    rail: {\n      width: 4,\n      height: 200,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    },\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/size-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,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;SAC1D;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,0BAA0B,EAAE;KAO3D;CACF,CAAC;AAEW,QAAA,UAAU,mCAClB,4CAA+B,KAClC,UAAU,EAAE;QACV,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE,CAAC,EAAE,GAAG,EAAE;aAChE;SACF;QACD,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;QACD,OAAO,EAAE,YAAY;KACtB,EACD,QAAQ,kCACH,4CAA+B,KAClC,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE,CAAC,EAAE,GAAG,EAAE;aAChE;SACF,EACD,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,OAEvB","file":"size-legend.js","sourcesContent":["import type { IContinuousLegendTheme, ISizeLegendTheme } 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: { type: 'palette', key: 'dataZoomSelectedColor' }\n    },\n    fill: { type: 'palette', key: 'dataZoomHandlerFillColor' }\n    /*\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: { type: 'palette', key: 'shadowColor', a: 0.3 }\n    */\n  }\n};\n\nexport const sizeLegend: ISizeLegendTheme = {\n  ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n  horizontal: {\n    sizeBackground: {\n      fill: { type: 'palette', key: 'dataZoomChartColor' }\n    },\n    track: {\n      style: {\n        fill: { type: 'palette', key: 'dataZoomSelectedColor', a: 0.8 }\n      }\n    },\n    rail: {\n      width: 200,\n      height: 4,\n      style: {\n        fill: { type: 'palette', key: 'dataZoomBackgroundColor' }\n      }\n    },\n    handler: handlerTheme\n  },\n  vertical: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    sizeBackground: {\n      fill: { type: 'palette', key: 'dataZoomChartColor' }\n    },\n    track: {\n      style: {\n        fill: { type: 'palette', key: 'dataZoomSelectedColor', a: 0.8 }\n      }\n    },\n    rail: {\n      width: 4,\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/map-label.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.mapLabel = void 0;
 
-const constants_1 = require("../constants"), fontSize = constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE, fontFamily = constants_1.THEME_CONSTANTS.FONT_FAMILY;
+const constants_1 = require("../constants");
 
 exports.mapLabel = {
     visible: !0,
@@ -17,8 +17,8 @@ exports.mapLabel = {
             textBaseline: "middle",
             textAlign: "left",
             fill: "black",
-            fontSize: fontSize,
-            fontFamily: fontFamily
+            fontSize: constants_1.THEME_CONSTANTS.l6FontSize,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily
         }
     },
     valueLabel: {
@@ -27,8 +27,8 @@ exports.mapLabel = {
             textBaseline: "middle",
             textAlign: "left",
             fill: "black",
-            fontSize: fontSize,
-            fontFamily: fontFamily
+            fontSize: constants_1.THEME_CONSTANTS.l6FontSize,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily
         }
     },
     background: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/map-label.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAE/C,MAAM,QAAQ,GAAG,2BAAe,CAAC,eAAe,CAAC;AACjD,MAAM,UAAU,GAAG,2BAAe,CAAC,WAAW,CAAC;AAElC,QAAA,QAAQ,GAAmB;IACtC,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,OAAO;YACb,QAAQ;YACR,UAAU;SACX;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,OAAO;YACb,QAAQ;YACR,UAAU;SACX;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;QACjD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAM;SACf;KACF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,KAAK;SACd;KACF;CACF,CAAC","file":"map-label.js","sourcesContent":["import type { IMapLabelTheme } from '../../../../component/map-label';\nimport { THEME_CONSTANTS } from '../constants';\n\nconst fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;\nconst fontFamily = THEME_CONSTANTS.FONT_FAMILY;\n\nexport const mapLabel: IMapLabelTheme = {\n  visible: true,\n  offset: 12,\n  position: 'top',\n  space: 10,\n  nameLabel: {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize,\n      fontFamily\n    }\n  },\n  valueLabel: {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize,\n      fontFamily\n    }\n  },\n  background: {\n    visible: true,\n    padding: { top: 4, bottom: 4, left: 6, right: 6 },\n    style: {\n      cornerRadius: 2,\n      lineWidth: 1,\n      fill: 'white',\n      stroke: 'grey'\n    }\n  },\n  leader: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      stroke: 'red'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/map-label.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,QAAQ,GAAmB;IACtC,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,2BAAe,CAAC,UAAU;YAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;SAC9C;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,2BAAe,CAAC,UAAU;YAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;SAC9C;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;QACjD,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,MAAM;SACf;KACF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,KAAK;QACd,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,KAAK;SACd;KACF;CACF,CAAC","file":"map-label.js","sourcesContent":["import type { IMapLabelTheme } from '../../../../component/map-label';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const mapLabel: IMapLabelTheme = {\n  visible: true,\n  offset: 12,\n  position: 'top',\n  space: 10,\n  nameLabel: {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize: THEME_CONSTANTS.l6FontSize,\n      // lineHeight: THEME_CONSTANTS.l6LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily\n    }\n  },\n  valueLabel: {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize: THEME_CONSTANTS.l6FontSize,\n      // lineHeight: THEME_CONSTANTS.l6LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily\n    }\n  },\n  background: {\n    visible: true,\n    padding: { top: 4, bottom: 4, left: 6, right: 6 },\n    style: {\n      cornerRadius: 2,\n      lineWidth: 1,\n      fill: 'white',\n      stroke: 'grey'\n    }\n  },\n  leader: {\n    visible: false,\n    style: {\n      lineWidth: 1,\n      stroke: 'red'\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/mark-area.js

@@ -2,7 +2,11 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.markArea = void 0, exports.markArea = {
+}), exports.markArea = void 0;
+
+const constants_1 = require("../constants");
+
+exports.markArea = {
     area: {
         style: {
             fill: "rgba(46, 47, 50, 0.1)"
@@ -10,7 +14,8 @@ Object.defineProperty(exports, "__esModule", {
     },
     label: {
         style: {
-            fontSize: 14,
+            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fontWeight: "normal",
             fontStyle: "normal",
             fill: {

package/cjs/theme/builtin/common/component/mark-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/mark-area.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,uBAAuB;SAC9B;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACvD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACzD,SAAS,EAAE,CAAC;SACb;QACD,eAAe,EAAE;YACf,OAAO,EAAE;gBACP,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,CAAC;aACR;YACD,KAAK,EAAE;gBACL,YAAY,EAAE,CAAC;gBACf,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC","file":"mark-area.js","sourcesContent":["import type { IMarkAreaTheme } from '../../../../component/marker/mark-area/interface';\n\nexport const markArea: IMarkAreaTheme = {\n  area: {\n    style: {\n      fill: 'rgba(46, 47, 50, 0.1)'\n    }\n  },\n  label: {\n    style: {\n      fontSize: 14,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'labelReverseFontColor' },\n      stroke: { type: 'palette', key: 'labelReverseFontColor' },\n      lineWidth: 0\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 0,\n        fill: '#F68484'\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/mark-area.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,uBAAuB;SAC9B;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACvD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACzD,SAAS,EAAE,CAAC;SACb;QACD,eAAe,EAAE;YACf,OAAO,EAAE;gBACP,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,CAAC;aACR;YACD,KAAK,EAAE;gBACL,YAAY,EAAE,CAAC;gBACf,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC","file":"mark-area.js","sourcesContent":["import type { IMarkAreaTheme } from '../../../../component/marker/mark-area/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const markArea: IMarkAreaTheme = {\n  area: {\n    style: {\n      fill: 'rgba(46, 47, 50, 0.1)'\n    }\n  },\n  label: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      // lineHeight: THEME_CONSTANTS.l4LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'labelReverseFontColor' },\n      stroke: { type: 'palette', key: 'labelReverseFontColor' },\n      lineWidth: 0\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 0,\n        fill: '#F68484'\n      }\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/mark-line.js

@@ -2,7 +2,11 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.markLine = void 0, exports.markLine = {
+}), exports.markLine = void 0;
+
+const constants_1 = require("../constants");
+
+exports.markLine = {
     line: {
         style: {
             lineDash: [ 3, 3 ],
@@ -32,7 +36,8 @@ Object.defineProperty(exports, "__esModule", {
     label: {
         refY: 5,
         style: {
-            fontSize: 14,
+            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
             fontWeight: "normal",
             fontStyle: "normal",
             fill: {

package/cjs/theme/builtin/common/component/mark-line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/mark-line.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAChB,MAAM,EAAE,kBAAkB;SAC3B;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,EAAE;SACT;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,EAAE;SACT;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACvD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACzD,SAAS,EAAE,CAAC;SACb;QACD,eAAe,EAAE;YACf,OAAO,EAAE;gBACP,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,CAAC;aACR;YACD,KAAK,EAAE;gBACL,YAAY,EAAE,CAAC;gBACf,IAAI,EAAE,mBAAmB;aAC1B;SACF;KACF;CACF,CAAC","file":"mark-line.js","sourcesContent":["import type { IMarkLineTheme } from '../../../../component/marker/mark-line/interface';\n\nexport const markLine: IMarkLineTheme = {\n  line: {\n    style: {\n      lineDash: [3, 3],\n      stroke: 'rgba(46, 47, 50)'\n    }\n  },\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    style: {\n      stroke: null,\n      lineWidth: 0,\n      fill: 'rgba(46, 47, 50)',\n      size: 10\n    }\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    style: {\n      stroke: null,\n      lineWidth: 0,\n      fill: 'rgba(46, 47, 50)',\n      size: 10\n    }\n  },\n  label: {\n    refY: 5,\n    style: {\n      fontSize: 14,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'labelReverseFontColor' },\n      stroke: { type: 'palette', key: 'labelReverseFontColor' },\n      lineWidth: 0\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 0,\n        fill: 'rgb(48, 115, 242)'\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/mark-line.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAChB,MAAM,EAAE,kBAAkB;SAC3B;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,EAAE;SACT;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,UAAU;QACtB,KAAK,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,EAAE;SACT;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YAEpC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;YAC7C,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACvD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACzD,SAAS,EAAE,CAAC;SACb;QACD,eAAe,EAAE;YACf,OAAO,EAAE;gBACP,GAAG,EAAE,CAAC;gBACN,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,CAAC;gBACR,IAAI,EAAE,CAAC;aACR;YACD,KAAK,EAAE;gBACL,YAAY,EAAE,CAAC;gBACf,IAAI,EAAE,mBAAmB;aAC1B;SACF;KACF;CACF,CAAC","file":"mark-line.js","sourcesContent":["import type { IMarkLineTheme } from '../../../../component/marker/mark-line/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const markLine: IMarkLineTheme = {\n  line: {\n    style: {\n      lineDash: [3, 3],\n      stroke: 'rgba(46, 47, 50)'\n    }\n  },\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    style: {\n      stroke: null,\n      lineWidth: 0,\n      fill: 'rgba(46, 47, 50)',\n      size: 10\n    }\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    style: {\n      stroke: null,\n      lineWidth: 0,\n      fill: 'rgba(46, 47, 50)',\n      size: 10\n    }\n  },\n  label: {\n    refY: 5,\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      // lineHeight: THEME_CONSTANTS.l4LineHeight,\n      fontFamily: THEME_CONSTANTS.defaultFontFamily,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'labelReverseFontColor' },\n      stroke: { type: 'palette', key: 'labelReverseFontColor' },\n      lineWidth: 0\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 0,\n        fill: 'rgb(48, 115, 242)'\n      }\n    }\n  }\n};\n"]}

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

@@ -12,10 +12,17 @@ Object.defineProperty(exports, "__esModule", {
     slider: {
         space: 10,
         trackStyle: {
-            fill: "#3073F2"
+            fill: {
+                type: "palette",
+                key: "dataZoomSelectedColor"
+            },
+            fillOpacity: .8
         },
         railStyle: {
-            fill: "#D1D5DA"
+            fill: {
+                type: "palette",
+                key: "dataZoomBackgroundColor"
+            }
         },
         handlerStyle: {
             size: 15,
@@ -24,7 +31,10 @@ Object.defineProperty(exports, "__esModule", {
                 key: "backgroundColor"
             },
             lineWidth: 2,
-            fill: "#0564FE"
+            fill: {
+                type: "palette",
+                key: "dataZoomSelectedColor"
+            }
         }
     },
     controller: {
@@ -33,7 +43,11 @@ Object.defineProperty(exports, "__esModule", {
             space: 0,
             style: {
                 size: 25,
-                fill: "#3073F2"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomSelectedColor"
+                },
+                fillOpacity: .8
             }
         },
         pause: {
@@ -41,7 +55,11 @@ Object.defineProperty(exports, "__esModule", {
             space: 0,
             style: {
                 size: 25,
-                fill: "#3073F2"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomSelectedColor"
+                },
+                fillOpacity: .8
             }
         },
         backward: {
@@ -50,7 +68,11 @@ Object.defineProperty(exports, "__esModule", {
             position: "start",
             style: {
                 size: 12,
-                fill: "#3073F2"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomSelectedColor"
+                },
+                fillOpacity: .8
             }
         },
         forward: {
@@ -59,7 +81,11 @@ Object.defineProperty(exports, "__esModule", {
             position: "end",
             style: {
                 size: 12,
-                fill: "#3073F2"
+                fill: {
+                    type: "palette",
+                    key: "dataZoomSelectedColor"
+                },
+                fillOpacity: .8
             }
         }
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/player.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,UAAU,EAAE;YACV,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC","file":"player.js","sourcesContent":["import type { IPlayerTheme } from '../../../../component/player';\n\nexport const player: IPlayerTheme = {\n  visible: true,\n  position: 'start',\n  padding: {\n    top: 20,\n    bottom: 20\n  },\n  slider: {\n    space: 10,\n    trackStyle: {\n      fill: '#3073F2'\n    },\n    railStyle: {\n      fill: '#D1D5DA'\n    },\n    handlerStyle: {\n      size: 15,\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      lineWidth: 2,\n      fill: '#0564FE'\n    }\n  },\n  controller: {\n    start: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: '#3073F2'\n      }\n    },\n    pause: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: '#3073F2'\n      }\n    },\n    backward: {\n      order: 0,\n      space: 10,\n      position: 'start',\n      style: {\n        size: 12,\n        fill: '#3073F2'\n      }\n    },\n    forward: {\n      order: 0,\n      space: 10,\n      position: 'end',\n      style: {\n        size: 12,\n        fill: '#3073F2'\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/player.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACvD,WAAW,EAAE,GAAG;SACjB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,yBAAyB,EAAE;SAC1D;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;SACxD;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;KACF;CACF,CAAC","file":"player.js","sourcesContent":["import type { IPlayerTheme } from '../../../../component/player';\n\nexport const player: IPlayerTheme = {\n  visible: true,\n  position: 'start',\n  padding: {\n    top: 20,\n    bottom: 20\n  },\n  slider: {\n    space: 10,\n    trackStyle: {\n      fill: { type: 'palette', key: 'dataZoomSelectedColor' },\n      fillOpacity: 0.8\n    },\n    railStyle: {\n      fill: { type: 'palette', key: 'dataZoomBackgroundColor' }\n    },\n    handlerStyle: {\n      size: 15,\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      lineWidth: 2,\n      fill: { type: 'palette', key: 'dataZoomSelectedColor' }\n    }\n  },\n  controller: {\n    start: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: { type: 'palette', key: 'dataZoomSelectedColor' },\n        fillOpacity: 0.8\n      }\n    },\n    pause: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: { type: 'palette', key: 'dataZoomSelectedColor' },\n        fillOpacity: 0.8\n      }\n    },\n    backward: {\n      order: 0,\n      space: 10,\n      position: 'start',\n      style: {\n        size: 12,\n        fill: { type: 'palette', key: 'dataZoomSelectedColor' },\n        fillOpacity: 0.8\n      }\n    },\n    forward: {\n      order: 0,\n      space: 10,\n      position: 'end',\n      style: {\n        size: 12,\n        fill: { type: 'palette', key: 'dataZoomSelectedColor' },\n        fillOpacity: 0.8\n      }\n    }\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/poptip.d.ts

@@ -1,2 +1,2 @@
-import type { PopTipAttributes } from '@visactor/vrender-components';
-export declare const poptip: PopTipAttributes;
+import type { IPoptipTheme } from '../../../../component/poptip/interface';
+export declare const poptip: IPoptipTheme;

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

@@ -2,41 +2,49 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.poptip = void 0, exports.poptip = {
+}), exports.poptip = void 0;
+
+const constants_1 = require("../constants");
+
+exports.poptip = {
     visible: !0,
     position: "auto",
     padding: 8,
     titleStyle: {
-        fontSize: 12,
+        fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+        lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+        fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
         fontWeight: "bold",
         fill: {
             type: "palette",
-            key: "labelFontColor"
+            key: [ "titleFontColor", "primaryFontColor" ]
         }
     },
     contentStyle: {
-        fontSize: 12,
+        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"
         }
     },
     panel: {
         visible: !0,
         fill: {
             type: "palette",
-            key: "backgroundColor"
-        },
-        stroke: {
-            type: "palette",
-            key: "backgroundColor"
+            key: "tooltipBackgroundColor"
         },
-        lineWidth: 0,
         cornerRadius: 3,
+        lineWidth: 0,
         shadowBlur: 12,
         shadowOffsetX: 0,
         shadowOffsetY: 4,
-        shadowColor: "rgba(0, 0, 0, 0.1)",
+        shadowColor: {
+            type: "palette",
+            key: "shadowColor",
+            a: .1
+        },
         size: 0,
         space: 12
     }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/poptip.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAqB;IACtC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAS;KACxD;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAS;KACxD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAS;QACxD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAS;QAC1D,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,oBAAoB;QACjC,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,EAAE;KACV;CACF,CAAC","file":"poptip.js","sourcesContent":["import type { PopTipAttributes } from '@visactor/vrender-components';\n\nexport const poptip: PopTipAttributes = {\n  visible: true,\n  position: 'auto',\n  padding: 8,\n  titleStyle: {\n    fontSize: 12,\n    fontWeight: 'bold',\n    fill: { type: 'palette', key: 'labelFontColor' } as any\n  },\n  contentStyle: {\n    fontSize: 12,\n    fill: { type: 'palette', key: 'labelFontColor' } as any\n  },\n  panel: {\n    visible: true,\n    fill: { type: 'palette', key: 'backgroundColor' } as any,\n    stroke: { type: 'palette', key: 'backgroundColor' } as any,\n    lineWidth: 0,\n    cornerRadius: 3,\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: 'rgba(0, 0, 0, 0.1)',\n    size: 0,\n    space: 12\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/poptip.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE;QACV,QAAQ,EAAE,2BAAe,CAAC,UAAU;QACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;QACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;QAC7C,UAAU,EAAE,MAAM;QAClB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EAAE;KACvE;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,2BAAe,CAAC,UAAU;QACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;QACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;QAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;KACrD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE;QACxD,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;QACZ,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;QAC5D,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,EAAE;KACV;CACF,CAAC","file":"poptip.js","sourcesContent":["import type { IPoptipTheme } from '../../../../component/poptip/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const poptip: IPoptipTheme = {\n  visible: true,\n  position: 'auto',\n  padding: 8,\n  titleStyle: {\n    fontSize: THEME_CONSTANTS.l5FontSize,\n    lineHeight: THEME_CONSTANTS.l5LineHeight,\n    fontFamily: THEME_CONSTANTS.defaultFontFamily,\n    fontWeight: 'bold',\n    fill: { type: 'palette', key: ['titleFontColor', 'primaryFontColor'] }\n  },\n  contentStyle: {\n    fontSize: THEME_CONSTANTS.l5FontSize,\n    lineHeight: THEME_CONSTANTS.l5LineHeight,\n    fontFamily: THEME_CONSTANTS.defaultFontFamily,\n    fill: { type: 'palette', key: 'secondaryFontColor' }\n  },\n  panel: {\n    visible: true,\n    fill: { type: 'palette', key: 'tooltipBackgroundColor' },\n    cornerRadius: 3,\n    lineWidth: 0,\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: { type: 'palette', key: 'shadowColor', a: 0.1 },\n    size: 0,\n    space: 12\n  }\n};\n"]}

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

@@ -8,18 +8,22 @@ const constants_1 = require("../constants");
 
 exports.title = {
     padding: {
-        bottom: 30
+        top: 4,
+        bottom: 20
     },
     textStyle: {
-        fontSize: constants_1.THEME_CONSTANTS.TITLE_FONT_SIZE,
+        fontSize: constants_1.THEME_CONSTANTS.l3FontSize,
+        lineHeight: constants_1.THEME_CONSTANTS.l3LineHeight,
+        fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
         fill: {
             type: "palette",
-            key: "primaryFontColor"
+            key: [ "titleFontColor", "primaryFontColor" ]
         }
     },
     subtextStyle: {
-        fontSize: constants_1.THEME_CONSTANTS.LABEL_FONT_SIZE,
-        lineHeight: constants_1.THEME_CONSTANTS.TITLE_FONT_SIZE,
+        fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+        lineHeight: constants_1.THEME_CONSTANTS.l4LineHeight,
+        fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
         fill: {
             type: "palette",
             key: "secondaryFontColor"

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/title.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,KAAK,GAAgB;IAChC,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,2BAAe,CAAC,eAAe;QACzC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;KACnD;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,2BAAe,CAAC,eAAe;QACzC,UAAU,EAAE,2BAAe,CAAC,eAAe;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;KACrD;CACF,CAAC","file":"title.js","sourcesContent":["import type { ITitleTheme } from '../../../../component/title/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const title: ITitleTheme = {\n  padding: {\n    bottom: 30\n  },\n  textStyle: {\n    fontSize: THEME_CONSTANTS.TITLE_FONT_SIZE,\n    fill: { type: 'palette', key: 'primaryFontColor' }\n  },\n  subtextStyle: {\n    fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n    lineHeight: THEME_CONSTANTS.TITLE_FONT_SIZE,\n    fill: { type: 'palette', key: 'secondaryFontColor' }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/title.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,KAAK,GAAgB;IAChC,OAAO,EAAE;QACP,GAAG,EAAE,CAAC;QACN,MAAM,EAAE,EAAE;KACX;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,2BAAe,CAAC,UAAU;QACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;QACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;QAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EAAE;KACvE;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,2BAAe,CAAC,UAAU;QACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;QACxC,UAAU,EAAE,2BAAe,CAAC,iBAAiB;QAC7C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;KACrD;CACF,CAAC","file":"title.js","sourcesContent":["import type { ITitleTheme } from '../../../../component/title/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const title: ITitleTheme = {\n  padding: {\n    top: 4,\n    bottom: 20\n  },\n  textStyle: {\n    fontSize: THEME_CONSTANTS.l3FontSize,\n    lineHeight: THEME_CONSTANTS.l3LineHeight,\n    fontFamily: THEME_CONSTANTS.defaultFontFamily,\n    fill: { type: 'palette', key: ['titleFontColor', 'primaryFontColor'] }\n  },\n  subtextStyle: {\n    fontSize: THEME_CONSTANTS.l4FontSize,\n    lineHeight: THEME_CONSTANTS.l4LineHeight,\n    fontFamily: THEME_CONSTANTS.defaultFontFamily,\n    fill: { type: 'palette', key: 'secondaryFontColor' }\n  }\n};\n"]}