@visactor/vchart 1.10.0-alpha.0 → 1.10.0-alpha.4

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.crosshair = void 0;
 
-const constants_1 = require("../constants"), getLabelSpec = () => ({
+const getLabelSpec = () => ({
     visible: !1,
     style: {
         fontWeight: "normal",
@@ -12,7 +12,10 @@ const constants_1 = require("../constants"), getLabelSpec = () => ({
             type: "palette",
             key: "axisMarkerFontColor"
         },
-        fontSize: constants_1.THEME_CONSTANTS.l5FontSize
+        fontSize: {
+            type: "token",
+            key: "l5FontSize"
+        }
     },
     labelBackground: {
         padding: {
@@ -43,7 +46,35 @@ const constants_1 = require("../constants"), getLabelSpec = () => ({
             lineDash: []
         }
     },
-    label: getLabelSpec()
+    label: {
+        visible: !1,
+        style: {
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "axisMarkerFontColor"
+            },
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            }
+        },
+        labelBackground: {
+            padding: {
+                bottom: 0,
+                top: 0,
+                left: 2,
+                right: 2
+            },
+            style: {
+                fill: {
+                    type: "palette",
+                    key: "axisMarkerBackgroundColor"
+                },
+                cornerRadius: 1
+            }
+        }
+    }
 }), getLinearField = () => ({
     visible: !1,
     line: {
@@ -62,7 +93,35 @@ const constants_1 = require("../constants"), getLabelSpec = () => ({
             lineDash: [ 2, 3 ]
         }
     },
-    label: getLabelSpec()
+    label: {
+        visible: !1,
+        style: {
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "axisMarkerFontColor"
+            },
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            }
+        },
+        labelBackground: {
+            padding: {
+                bottom: 0,
+                top: 0,
+                left: 2,
+                right: 2
+            },
+            style: {
+                fill: {
+                    type: "palette",
+                    key: "axisMarkerBackgroundColor"
+                },
+                cornerRadius: 1
+            }
+        }
+    }
 });
 
 exports.crosshair = {
@@ -81,7 +140,35 @@ exports.crosshair = {
                 lineDash: []
             }
         },
-        label: getLabelSpec()
+        label: {
+            visible: !1,
+            style: {
+                fontWeight: "normal",
+                fill: {
+                    type: "palette",
+                    key: "axisMarkerFontColor"
+                },
+                fontSize: {
+                    type: "token",
+                    key: "l5FontSize"
+                }
+            },
+            labelBackground: {
+                padding: {
+                    bottom: 0,
+                    top: 0,
+                    left: 2,
+                    right: 2
+                },
+                style: {
+                    fill: {
+                        type: "palette",
+                        key: "axisMarkerBackgroundColor"
+                    },
+                    cornerRadius: 1
+                }
+            }
+        }
     },
     linearField: {
         visible: !1,
@@ -101,7 +188,35 @@ exports.crosshair = {
                 lineDash: [ 2, 3 ]
             }
         },
-        label: getLabelSpec()
+        label: {
+            visible: !1,
+            style: {
+                fontWeight: "normal",
+                fill: {
+                    type: "palette",
+                    key: "axisMarkerFontColor"
+                },
+                fontSize: {
+                    type: "token",
+                    key: "l5FontSize"
+                }
+            },
+            labelBackground: {
+                padding: {
+                    bottom: 0,
+                    top: 0,
+                    left: 2,
+                    right: 2
+                },
+                style: {
+                    fill: {
+                        type: "palette",
+                        key: "axisMarkerBackgroundColor"
+                    },
+                    cornerRadius: 1
+                }
+            }
+        }
     }
 };
 //# 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":";;;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,qBAAqB,EAAE;QACrD,QAAQ,EAAE,2BAAe,CAAC,UAAU;KAErC;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,2BAA2B,EAAE;YAC3D,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,qBAAqB,EAAE;YACvD,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YAC/C,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: 'axisMarkerFontColor' },\n    fontSize: THEME_CONSTANTS.l5FontSize\n    //lineHeight: THEME_CONSTANTS.l5LineHeight,\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: 'axisMarkerBackgroundColor' },\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: 'markLineStrokeColor' },\n      fill: { type: 'palette', key: 'axisGridColor' },\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"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/crosshair.ts"],"names":[],"mappings":";;;AASA,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,qBAAqB,EAAE;QACrD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;KAE/C;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,2BAA2B,EAAE;YAC3D,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,qBAAqB,EAAE;YACvD,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;YAC/C,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';\n\nconst getLabelSpec = (): ICrosshairLabelSpec => ({\n  visible: false,\n  style: {\n    fontWeight: 'normal',\n    fill: { type: 'palette', key: 'axisMarkerFontColor' },\n    fontSize: { type: 'token', key: 'l5FontSize' }\n    //lineHeight: { type: 'token', key: 'l5LineHeight' },\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: 'axisMarkerBackgroundColor' },\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: 'markLineStrokeColor' },\n      fill: { type: 'palette', key: 'axisGridColor' },\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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.dataZoom = void 0;
 
-const constants_1 = require("../constants"), DataZoomHandlerSymbolType = "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\nC-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\nC-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\nC0.3-1.4,0.3-1.4,0.3-1.4z;";
+const DataZoomHandlerSymbolType = "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\nC-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\nC-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\nC0.3-1.4,0.3-1.4,0.3-1.4z;";
 
 exports.dataZoom = {
     padding: [ 12, 0 ],
@@ -123,8 +123,14 @@ exports.dataZoom = {
     startText: {
         padding: 8,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             fill: {
                 type: "palette",
                 key: "secondaryFontColor",
@@ -135,8 +141,14 @@ exports.dataZoom = {
     endText: {
         padding: 8,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             fill: {
                 type: "palette",
                 key: "secondaryFontColor",

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';\nimport { THEME_CONSTANTS } from '../constants';\n\n// eslint-disable-next-line max-len\nconst DataZoomHandlerSymbolType = `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\nC-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\nC-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\nC0.3-1.4,0.3-1.4,0.3-1.4z;`;\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: 'dataZoomHandleStrokeColor' },\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      style: {\n        size: 4,\n        fill: { type: 'palette', key: 'sliderHandleColor' },\n        stroke: { type: 'palette', key: 'dataZoomHandleStrokeColor' },\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: 'sliderRailColor' },\n      lineWidth: 0\n    }\n  },\n  selectedBackground: {\n    style: {\n      fill: { type: 'palette', key: 'sliderTrackColor' },\n      fillOpacity: 0.1,\n      outerBorder: {\n        stroke: { type: 'palette', key: 'sliderTrackColor' },\n        strokeOpacity: 0.2,\n        distance: -0.5,\n        lineWidth: 1\n      }\n    }\n  },\n  selectedBackgroundChart: {\n    area: {\n      style: {\n        visible: false,\n        stroke: false,\n        fill: { type: 'palette', key: 'dataZoomChartColor' }\n      }\n    },\n    line: {\n      style: {\n        visible: false,\n        stroke: { type: 'palette', key: 'dataZoomChartColor' },\n        lineWidth: 1\n      }\n    }\n  },\n  startHandler: {\n    style: {\n      symbolType: DataZoomHandlerSymbolType,\n      fill: { type: 'palette', key: 'sliderHandleColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandleStrokeColor' },\n      lineWidth: 1\n    }\n  },\n  endHandler: {\n    style: {\n      symbolType: DataZoomHandlerSymbolType,\n      fill: { type: 'palette', key: 'sliderHandleColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandleStrokeColor' },\n      lineWidth: 1\n    }\n  },\n  startText: {\n    padding: 8,\n    style: {\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n\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\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\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};\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';\n\n// eslint-disable-next-line max-len\nconst DataZoomHandlerSymbolType = `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\nC-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\nC-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\nC0.3-1.4,0.3-1.4,0.3-1.4z;`;\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: 'dataZoomHandleStrokeColor' },\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      style: {\n        size: 4,\n        fill: { type: 'palette', key: 'sliderHandleColor' },\n        stroke: { type: 'palette', key: 'dataZoomHandleStrokeColor' },\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: 'sliderRailColor' },\n      lineWidth: 0\n    }\n  },\n  selectedBackground: {\n    style: {\n      fill: { type: 'palette', key: 'sliderTrackColor' },\n      fillOpacity: 0.1,\n      outerBorder: {\n        stroke: { type: 'palette', key: 'sliderTrackColor' },\n        strokeOpacity: 0.2,\n        distance: -0.5,\n        lineWidth: 1\n      }\n    }\n  },\n  selectedBackgroundChart: {\n    area: {\n      style: {\n        visible: false,\n        stroke: false,\n        fill: { type: 'palette', key: 'dataZoomChartColor' }\n      }\n    },\n    line: {\n      style: {\n        visible: false,\n        stroke: { type: 'palette', key: 'dataZoomChartColor' },\n        lineWidth: 1\n      }\n    }\n  },\n  startHandler: {\n    style: {\n      symbolType: DataZoomHandlerSymbolType,\n      fill: { type: 'palette', key: 'sliderHandleColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandleStrokeColor' },\n      lineWidth: 1\n    }\n  },\n  endHandler: {\n    style: {\n      symbolType: DataZoomHandlerSymbolType,\n      fill: { type: 'palette', key: 'sliderHandleColor' },\n      scaleX: 1.2,\n      scaleY: 1.2,\n      stroke: { type: 'palette', key: 'dataZoomHandleStrokeColor' },\n      lineWidth: 1\n    }\n  },\n  startText: {\n    padding: 8,\n    style: {\n      fontSize: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' },\n\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    }\n  },\n  endText: {\n    padding: 8,\n    style: {\n      fontSize: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' },\n\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\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};\n"]}

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

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.indicator = void 0;
-
-const constants_1 = require("../constants");
-
-exports.indicator = {
+}), exports.indicator = void 0, exports.indicator = {
     title: {
         visible: !0,
         autoLimit: !1,
         autoFit: !1,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l1FontSize,
+            fontSize: {
+                type: "token",
+                key: "l1FontSize"
+            },
             fill: {
                 type: "palette",
                 key: "primaryFontColor"
@@ -26,7 +25,10 @@ exports.indicator = {
     content: {
         visible: !0,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l2FontSize,
+            fontSize: {
+                type: "token",
+                key: "l2FontSize"
+            },
             fill: {
                 type: "palette",
                 key: "tertiaryFontColor"

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

@@ -1 +1 @@
-{"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;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;YAClD,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;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,mBAAmB,EAAE;YACnD,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      fill: { type: 'palette', key: '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      fill: { type: 'palette', key: 'tertiaryFontColor' },\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":";;;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,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;YAClD,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,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,mBAAmB,EAAE;YACnD,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: { type: 'token', key: 'l1FontSize' },\n      fill: { type: 'palette', key: 'primaryFontColor' },\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  },\n  content: {\n    visible: true,\n    style: {\n      fontSize: { type: 'token', key: 'l2FontSize' },\n      fill: { type: 'palette', key: 'tertiaryFontColor' },\n      fontWeight: 'normal',\n      fillOpacity: 1,\n      textBaseline: 'top',\n      textAlign: 'center'\n    }\n  }\n};\n"]}

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.DEFAULT_CONTINUOUS_LEGEND_THEME = void 0;
-
-const constants_1 = require("../../constants");
-
-exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
+}), exports.DEFAULT_CONTINUOUS_LEGEND_THEME = void 0, exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
     orient: "right",
     position: "middle",
     padding: [ 16, 24 ],
@@ -14,8 +10,14 @@ exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
         visible: !1,
         padding: 0,
         textStyle: {
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             fontWeight: "normal",
             fill: {
                 type: "palette",
@@ -29,8 +31,14 @@ exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
     },
     startText: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             fontWeight: "normal",
             fill: {
                 type: "palette",
@@ -42,8 +50,14 @@ exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
     },
     endText: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             fontWeight: "normal",
             fill: {
                 type: "palette",
@@ -55,8 +69,14 @@ exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
     },
     handlerText: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             fontWeight: "normal",
             fill: {
                 type: "palette",

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,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;YAExC,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,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YAExC,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;YAExC,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;YAExC,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\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.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight,\n\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\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\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    },\n    space: 6\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/continuous.ts"],"names":[],"mappings":";;;AAEa,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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;YAElD,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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;YAElD,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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;YAElD,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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;YAElD,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';\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: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' },\n\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: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' },\n\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    },\n    space: 6\n  },\n  endText: {\n    style: {\n      fontSize: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' },\n\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' }\n    },\n    space: 6\n  },\n  handlerText: {\n    style: {\n      fontSize: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' },\n\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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.discreteLegend = void 0;
-
-const constants_1 = require("../../constants");
-
-exports.discreteLegend = {
+}), exports.discreteLegend = void 0, exports.discreteLegend = {
     orient: "bottom",
     position: "middle",
     padding: [ 16, 24 ],
@@ -14,8 +10,14 @@ exports.discreteLegend = {
         visible: !1,
         padding: 0,
         textStyle: {
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             fill: {
                 type: "palette",
                 key: "primaryFontColor"
@@ -67,8 +69,14 @@ exports.discreteLegend = {
                     key: "secondaryFontColor",
                     default: "#89909d"
                 },
-                fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-                lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+                fontSize: {
+                    type: "token",
+                    key: "l5FontSize"
+                },
+                lineHeight: {
+                    type: "token",
+                    key: "l5LineHeight"
+                },
                 opacity: 1
             },
             state: {

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,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YAExC,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,CAAC;QACX,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;iBACvD;gBACD,eAAe,EAAE;oBACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;iBACvD;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,CAAC;gBACd,OAAO,EAAE,CAAC;aACX;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,WAAW,EAAE,GAAG;oBAChB,OAAO,EAAE,CAAC;iBACX;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;gBAExC,OAAO,EAAE,CAAC;aACX;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;oBAClD,OAAO,EAAE,CAAC;iBACX;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\n      fill: { type: 'palette', key: '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: 'hoverBackgroundColor' }\n        },\n        unSelectedHover: {\n          fill: { type: 'palette', key: 'hoverBackgroundColor' }\n        }\n      }\n    },\n    shape: {\n      space: 6,\n      style: {\n        lineWidth: 0,\n        fillOpacity: 1,\n        opacity: 1 // 覆盖 vrender-components 里的默认值\n      },\n      state: {\n        unSelected: {\n          fillOpacity: 0.2,\n          opacity: 1 // 覆盖 vrender-components 里的默认值\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\n        opacity: 1 // 覆盖 vrender-components 里的默认值\n      },\n      state: {\n        unSelected: {\n          fill: { type: 'palette', key: 'disableFontColor' },\n          opacity: 1 // 覆盖 vrender-components 里的默认值\n        }\n      }\n    }\n  },\n  allowAllCanceled: false\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/discrete-legend.ts"],"names":[],"mappings":";;;AAEa,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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;YAElD,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,CAAC;QACX,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;iBACvD;gBACD,eAAe,EAAE;oBACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;iBACvD;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,CAAC;gBACd,OAAO,EAAE,CAAC;aACX;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,WAAW,EAAE,GAAG;oBAChB,OAAO,EAAE,CAAC;iBACX;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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;gBAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;gBAElD,OAAO,EAAE,CAAC;aACX;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;oBAClD,OAAO,EAAE,CAAC;iBACX;aACF;SACF;KACF;IACD,gBAAgB,EAAE,KAAK;CACxB,CAAC","file":"discrete-legend.js","sourcesContent":["import type { IDiscreteLegendTheme } from '../../../../../component/legend';\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: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' },\n\n      fill: { type: 'palette', key: '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: 'hoverBackgroundColor' }\n        },\n        unSelectedHover: {\n          fill: { type: 'palette', key: 'hoverBackgroundColor' }\n        }\n      }\n    },\n    shape: {\n      space: 6,\n      style: {\n        lineWidth: 0,\n        fillOpacity: 1,\n        opacity: 1 // 覆盖 vrender-components 里的默认值\n      },\n      state: {\n        unSelected: {\n          fillOpacity: 0.2,\n          opacity: 1 // 覆盖 vrender-components 里的默认值\n        }\n      }\n    },\n    label: {\n      space: 6,\n      style: {\n        fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' },\n        fontSize: { type: 'token', key: 'l5FontSize' },\n        lineHeight: { type: 'token', key: 'l5LineHeight' },\n\n        opacity: 1 // 覆盖 vrender-components 里的默认值\n      },\n      state: {\n        unSelected: {\n          fill: { type: 'palette', key: 'disableFontColor' },\n          opacity: 1 // 覆盖 vrender-components 里的默认值\n        }\n      }\n    }\n  },\n  allowAllCanceled: false\n};\n"]}

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.mapLabel = void 0;
-
-const constants_1 = require("../constants");
-
-exports.mapLabel = {
+}), exports.mapLabel = void 0, exports.mapLabel = {
     visible: !0,
     offset: 12,
     position: "top",
@@ -17,7 +13,10 @@ exports.mapLabel = {
             textBaseline: "middle",
             textAlign: "left",
             fill: "black",
-            fontSize: constants_1.THEME_CONSTANTS.l6FontSize
+            fontSize: {
+                type: "token",
+                key: "l6FontSize"
+            }
         }
     },
     valueLabel: {
@@ -26,7 +25,10 @@ exports.mapLabel = {
             textBaseline: "middle",
             textAlign: "left",
             fill: "black",
-            fontSize: constants_1.THEME_CONSTANTS.l6FontSize
+            fontSize: {
+                type: "token",
+                key: "l6FontSize"
+            }
         }
     },
     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;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;SACrC;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;SACrC;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    }\n  },\n  valueLabel: {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize: THEME_CONSTANTS.l6FontSize\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":";;;AAEa,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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;SAC/C;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,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;SAC/C;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';\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: { type: 'token', key: 'l6FontSize' }\n    }\n  },\n  valueLabel: {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize: { type: 'token', key: 'l6FontSize' }\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,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.markArea = void 0;
-
-const constants_1 = require("../constants");
-
-exports.markArea = {
+}), exports.markArea = void 0, exports.markArea = {
     area: {
         style: {
             fill: {
@@ -18,7 +14,10 @@ exports.markArea = {
     },
     label: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontSize: {
+                type: "token",
+                key: "l4FontSize"
+            },
             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":";;;AACA,4CAA+C;AAElC,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,CAAC,EAAE,IAAI,EAAE;SAC3D;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;SACnD;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,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,0BAA0B,EAAE;aAC3D;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: { type: 'palette', key: 'axisDomainColor', a: 0.25 }\n    }\n  },\n  label: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'primaryFontColor' }\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 3,\n        fill: { type: 'palette', key: 'markLabelBackgroundColor' }\n      }\n    }\n  }\n};\n"]}
+{"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,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE,CAAC,EAAE,IAAI,EAAE;SAC3D;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;SACnD;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,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,0BAA0B,EAAE;aAC3D;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: { type: 'palette', key: 'axisDomainColor', a: 0.25 }\n    }\n  },\n  label: {\n    style: {\n      fontSize: { type: 'token', key: 'l4FontSize' },\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'primaryFontColor' }\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 3,\n        fill: { type: 'palette', key: 'markLabelBackgroundColor' }\n      }\n    }\n  }\n};\n"]}

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.markLine = void 0;
-
-const constants_1 = require("../constants");
-
-exports.markLine = {
+}), exports.markLine = void 0, exports.markLine = {
     line: {
         style: {
             lineDash: [ 3, 3 ],
@@ -45,7 +41,10 @@ exports.markLine = {
     label: {
         refY: 5,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontSize: {
+                type: "token",
+                key: "l4FontSize"
+            },
             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":";;;AACA,4CAA+C;AAElC,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAChB,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;SACxD;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;YACrD,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;SACb;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;YACrD,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;SACb;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;SACnD;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,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,0BAA0B,EAAE;aAC3D;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: { type: 'palette', key: 'markLineStrokeColor' }\n    }\n  },\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    size: 10,\n    style: {\n      fill: { type: 'palette', key: 'markLineStrokeColor' },\n      stroke: null,\n      lineWidth: 0\n    }\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    size: 10,\n    style: {\n      fill: { type: 'palette', key: 'markLineStrokeColor' },\n      stroke: null,\n      lineWidth: 0\n    }\n  },\n  label: {\n    refY: 5,\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'primaryFontColor' }\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 3,\n        fill: { type: 'palette', key: 'markLabelBackgroundColor' }\n      }\n    }\n  }\n};\n"]}
+{"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,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;SACxD;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;YACrD,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;SACb;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,UAAU;QACtB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;YACrD,MAAM,EAAE,IAAI;YACZ,SAAS,EAAE,CAAC;SACb;KACF;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;YACnB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;SACnD;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,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,0BAA0B,EAAE;aAC3D;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: { type: 'palette', key: 'markLineStrokeColor' }\n    }\n  },\n  startSymbol: {\n    visible: false,\n    symbolType: 'triangle',\n    size: 10,\n    style: {\n      fill: { type: 'palette', key: 'markLineStrokeColor' },\n      stroke: null,\n      lineWidth: 0\n    }\n  },\n  endSymbol: {\n    visible: true,\n    symbolType: 'triangle',\n    size: 10,\n    style: {\n      fill: { type: 'palette', key: 'markLineStrokeColor' },\n      stroke: null,\n      lineWidth: 0\n    }\n  },\n  label: {\n    refY: 5,\n    style: {\n      fontSize: { type: 'token', key: 'l4FontSize' },\n      fontWeight: 'normal',\n      fontStyle: 'normal',\n      fill: { type: 'palette', key: 'primaryFontColor' }\n    },\n    labelBackground: {\n      padding: {\n        top: 2,\n        bottom: 2,\n        right: 4,\n        left: 4\n      },\n      style: {\n        cornerRadius: 3,\n        fill: { type: 'palette', key: 'markLabelBackgroundColor' }\n      }\n    }\n  }\n};\n"]}

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

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.poptip = void 0;
-
-const constants_1 = require("../constants");
-
-exports.poptip = {
+}), exports.poptip = void 0, exports.poptip = {
     visible: !0,
     position: "auto",
     padding: 8,
     titleStyle: {
-        fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+        fontSize: {
+            type: "token",
+            key: "l5FontSize"
+        },
         fontWeight: "bold",
         fill: {
             type: "palette",
@@ -19,7 +18,10 @@ exports.poptip = {
         }
     },
     contentStyle: {
-        fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
+        fontSize: {
+            type: "token",
+            key: "l5FontSize"
+        },
         fill: {
             type: "palette",
             key: "primaryFontColor"

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

@@ -1 +1 @@
-{"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,MAAM;QAClB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;KACnD;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,2BAAe,CAAC,UAAU;QACpC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;KACnD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;QACtD,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;QACpD,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    fontWeight: 'bold',\n    fill: { type: 'palette', key: 'primaryFontColor' }\n  },\n  contentStyle: {\n    fontSize: THEME_CONSTANTS.l5FontSize,\n    fill: { type: 'palette', key: 'primaryFontColor' }\n  },\n  panel: {\n    visible: true,\n    fill: { type: 'palette', key: 'popupBackgroundColor' },\n    cornerRadius: 3,\n    lineWidth: 0,\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: { type: 'palette', key: 'shadowColor' },\n    size: 0,\n    space: 12\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/poptip.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;QAC9C,UAAU,EAAE,MAAM;QAClB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;KACnD;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;QAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;KACnD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;QACtD,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;QACpD,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,EAAE;KACV;CACF,CAAC","file":"poptip.js","sourcesContent":["import type { IPoptipTheme } from '../../../../component/poptip/interface';\n\nexport const poptip: IPoptipTheme = {\n  visible: true,\n  position: 'auto',\n  padding: 8,\n  titleStyle: {\n    fontSize: { type: 'token', key: 'l5FontSize' },\n    fontWeight: 'bold',\n    fill: { type: 'palette', key: 'primaryFontColor' }\n  },\n  contentStyle: {\n    fontSize: { type: 'token', key: 'l5FontSize' },\n    fill: { type: 'palette', key: 'primaryFontColor' }\n  },\n  panel: {\n    visible: true,\n    fill: { type: 'palette', key: 'popupBackgroundColor' },\n    cornerRadius: 3,\n    lineWidth: 0,\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: { type: 'palette', key: 'shadowColor' },\n    size: 0,\n    space: 12\n  }\n};\n"]}