@visactor/vchart 1.10.0-alpha.1 → 1.10.0-alpha.5

package/cjs/theme/builtin/common/series/circle-packing.js

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.circlePacking = void 0;
-
-const constants_1 = require("../constants");
-
-exports.circlePacking = {
+}), exports.circlePacking = void 0, exports.circlePacking = {
     layoutPadding: 5,
     circlePacking: {
         visible: !0,
@@ -28,8 +24,14 @@ exports.circlePacking = {
                 key: "backgroundColor"
             },
             lineWidth: 2,
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            }
         }
     }
 };

package/cjs/theme/builtin/common/series/circle-packing.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/circle-packing.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,aAAa,GAA8B;IACtD,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SACpD;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;SACzC;KACF;CACF,CAAC","file":"circle-packing.js","sourcesContent":["import type { ICirclePackingSeriesTheme } from '../../../../series/circle-packing/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const circlePacking: ICirclePackingSeriesTheme = {\n  layoutPadding: 5,\n  circlePacking: {\n    visible: true,\n    style: {\n      cursor: 'pointer',\n      stroke: { type: 'palette', key: 'backgroundColor' }\n    }\n  },\n  label: {\n    visible: true,\n    style: {\n      cursor: 'pointer',\n      fill: 'black',\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      lineWidth: 2,\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/circle-packing.ts"],"names":[],"mappings":";;;AAEa,QAAA,aAAa,GAA8B;IACtD,aAAa,EAAE,CAAC;IAChB,aAAa,EAAE;QACb,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SACpD;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;SACnD;KACF;CACF,CAAC","file":"circle-packing.js","sourcesContent":["import type { ICirclePackingSeriesTheme } from '../../../../series/circle-packing/interface';\n\nexport const circlePacking: ICirclePackingSeriesTheme = {\n  layoutPadding: 5,\n  circlePacking: {\n    visible: true,\n    style: {\n      cursor: 'pointer',\n      stroke: { type: 'palette', key: 'backgroundColor' }\n    }\n  },\n  label: {\n    visible: true,\n    style: {\n      cursor: 'pointer',\n      fill: 'black',\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      lineWidth: 2,\n      fontSize: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' }\n    }\n  }\n};\n"]}

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.dot = void 0;
-
-const constants_1 = require("../constants");
-
-exports.dot = {
+}), exports.dot = void 0, exports.dot = {
     dot: {
         style: {
             size: 10,
@@ -22,16 +18,28 @@ exports.dot = {
         style: {
             textAlign: "left",
             textBaseline: "middle",
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            }
         }
     },
     subTitle: {
         style: {
             textAlign: "left",
             textBaseline: "top",
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            }
         }
     }
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/dot.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,GAAG,GAAoB;IAClC,GAAG,EAAE;QACH,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,CAAC;SACf;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;SACT;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;SACzC;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;SACzC;KACF;CACF,CAAC","file":"dot.js","sourcesContent":["import type { IDotSeriesTheme } from '../../../../series/dot/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const dot: IDotSeriesTheme = {\n  dot: {\n    style: {\n      size: 10,\n      fillOpacity: 1\n    }\n  },\n  symbol: {\n    style: {\n      size: 10\n    }\n  },\n  title: {\n    style: {\n      textAlign: 'left',\n      textBaseline: 'middle',\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight\n    }\n  },\n  subTitle: {\n    style: {\n      textAlign: 'left',\n      textBaseline: 'top',\n      fontSize: THEME_CONSTANTS.l5FontSize,\n      lineHeight: THEME_CONSTANTS.l5LineHeight\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/dot.ts"],"names":[],"mappings":";;;AAEa,QAAA,GAAG,GAAoB;IAClC,GAAG,EAAE;QACH,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,WAAW,EAAE,CAAC;SACf;KACF;IACD,MAAM,EAAE;QACN,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;SACT;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,QAAQ;YACtB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;SACnD;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;SACnD;KACF;CACF,CAAC","file":"dot.js","sourcesContent":["import type { IDotSeriesTheme } from '../../../../series/dot/interface';\n\nexport const dot: IDotSeriesTheme = {\n  dot: {\n    style: {\n      size: 10,\n      fillOpacity: 1\n    }\n  },\n  symbol: {\n    style: {\n      size: 10\n    }\n  },\n  title: {\n    style: {\n      textAlign: 'left',\n      textBaseline: 'middle',\n      fontSize: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' }\n    }\n  },\n  subTitle: {\n    style: {\n      textAlign: 'left',\n      textBaseline: 'top',\n      fontSize: { type: 'token', key: 'l5FontSize' },\n      lineHeight: { type: 'token', key: 'l5LineHeight' }\n    }\n  }\n};\n"]}

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.funnel = void 0;
-
-const constants_1 = require("../constants");
-
-exports.funnel = {
+}), exports.funnel = void 0, exports.funnel = {
     transform: {
         style: {
             fill: {
@@ -24,7 +20,10 @@ exports.funnel = {
     },
     outerLabel: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontSize: {
+                type: "token",
+                key: "l4FontSize"
+            },
             fill: {
                 type: "palette",
                 key: "secondaryFontColor"
@@ -41,7 +40,10 @@ exports.funnel = {
     },
     transformLabel: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontSize: {
+                type: "token",
+                key: "l4FontSize"
+            },
             fill: {
                 type: "palette",
                 key: "secondaryFontColor"

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/funnel.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,MAAM,GAAuB;IACxC,SAAS,EAAE;QACT,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;SAChD;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,CAAC;SACb;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aACpD;SACF;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;YACpD,YAAY,EAAE,QAAQ;SACvB;KACF;CACF,CAAC","file":"funnel.js","sourcesContent":["import type { IFunnelSeriesTheme } from '../../../../series/funnel/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const funnel: IFunnelSeriesTheme = {\n  transform: {\n    style: {\n      fill: { type: 'palette', key: 'axisGridColor' }\n    }\n  },\n  label: {\n    style: {\n      fill: 'white',\n      textBaseline: 'middle',\n      lineWidth: 2\n    }\n  },\n  outerLabel: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      fill: { type: 'palette', key: 'secondaryFontColor' }\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'axisDomainColor' }\n      }\n    }\n  },\n  transformLabel: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      fill: { type: 'palette', key: 'secondaryFontColor' },\n      textBaseline: 'middle'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/funnel.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAuB;IACxC,SAAS,EAAE;QACT,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;SAChD;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,CAAC;SACb;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aACpD;SACF;KACF;IACD,cAAc,EAAE;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,oBAAoB,EAAE;YACpD,YAAY,EAAE,QAAQ;SACvB;KACF;CACF,CAAC","file":"funnel.js","sourcesContent":["import type { IFunnelSeriesTheme } from '../../../../series/funnel/interface';\n\nexport const funnel: IFunnelSeriesTheme = {\n  transform: {\n    style: {\n      fill: { type: 'palette', key: 'axisGridColor' }\n    }\n  },\n  label: {\n    style: {\n      fill: 'white',\n      textBaseline: 'middle',\n      lineWidth: 2\n    }\n  },\n  outerLabel: {\n    style: {\n      fontSize: { type: 'token', key: 'l4FontSize' },\n      fill: { type: 'palette', key: 'secondaryFontColor' }\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'axisDomainColor' }\n      }\n    }\n  },\n  transformLabel: {\n    style: {\n      fontSize: { type: 'token', key: 'l4FontSize' },\n      fill: { type: 'palette', key: 'secondaryFontColor' },\n      textBaseline: 'middle'\n    }\n  }\n};\n"]}

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.funnel3d = void 0;
-
-const constants_1 = require("../constants");
-
-exports.funnel3d = {
+}), exports.funnel3d = void 0, exports.funnel3d = {
     transform3d: {
         style: {
             fill: "#f5f5f5"
@@ -21,7 +17,10 @@ exports.funnel3d = {
     },
     outerLabel: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontSize: {
+                type: "token",
+                key: "l4FontSize"
+            },
             fill: "#707070"
         },
         line: {
@@ -35,7 +34,10 @@ exports.funnel3d = {
     },
     transformLabel: {
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l4FontSize,
+            fontSize: {
+                type: "token",
+                key: "l4FontSize"
+            },
             fill: "#707070",
             textBaseline: "middle"
         }

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/funnel3d.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,QAAQ,GAAyB;IAC5C,WAAW,EAAE;QACX,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;SAChB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,CAAC;SACb;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aACpD;SACF;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,QAAQ;SACvB;KACF;CACF,CAAC","file":"funnel3d.js","sourcesContent":["import type { IFunnel3dSeriesTheme } from '../../../../series/funnel/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const funnel3d: IFunnel3dSeriesTheme = {\n  transform3d: {\n    style: {\n      fill: '#f5f5f5'\n    }\n  },\n  label: {\n    style: {\n      fill: 'white',\n      textBaseline: 'middle',\n      lineWidth: 2\n    }\n  },\n  outerLabel: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      fill: '#707070'\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'axisDomainColor' }\n      }\n    }\n  },\n  transformLabel: {\n    style: {\n      fontSize: THEME_CONSTANTS.l4FontSize,\n      fill: '#707070',\n      textBaseline: 'middle'\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/funnel3d.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAyB;IAC5C,WAAW,EAAE;QACX,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;SAChB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,OAAO;YACb,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,CAAC;SACb;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,SAAS;SAChB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aACpD;SACF;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,QAAQ;SACvB;KACF;CACF,CAAC","file":"funnel3d.js","sourcesContent":["import type { IFunnel3dSeriesTheme } from '../../../../series/funnel/interface';\n\nexport const funnel3d: IFunnel3dSeriesTheme = {\n  transform3d: {\n    style: {\n      fill: '#f5f5f5'\n    }\n  },\n  label: {\n    style: {\n      fill: 'white',\n      textBaseline: 'middle',\n      lineWidth: 2\n    }\n  },\n  outerLabel: {\n    style: {\n      fontSize: { type: 'token', key: 'l4FontSize' },\n      fill: '#707070'\n    },\n    line: {\n      style: {\n        stroke: { type: 'palette', key: 'axisDomainColor' }\n      }\n    }\n  },\n  transformLabel: {\n    style: {\n      fontSize: { type: 'token', key: 'l4FontSize' },\n      fill: '#707070',\n      textBaseline: 'middle'\n    }\n  }\n};\n"]}

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.map = void 0;
-
-const constants_1 = require("../constants");
-
-exports.map = {
+}), exports.map = void 0, exports.map = {
     defaultFillColor: "#f3f3f3",
     area: {
         style: {
@@ -19,8 +15,14 @@ exports.map = {
     label: {
         interactive: !1,
         style: {
-            fontSize: constants_1.THEME_CONSTANTS.l6FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l6LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l6FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l6LineHeight"
+            },
             textBaseline: "middle",
             fill: {
                 type: "palette",

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/map.ts"],"names":[],"mappings":";;;AACA,4CAA+C;AAElC,QAAA,GAAG,GAAoB;IAClC,gBAAgB,EAAE,SAAS;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,GAAG;YACd,aAAa,EAAE,CAAC;YAChB,MAAM,EAAE,OAAO;YACf,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,WAAW,EAAE,KAAK;QAClB,KAAK,EAAE;YACL,QAAQ,EAAE,2BAAe,CAAC,UAAU;YACpC,UAAU,EAAE,2BAAe,CAAC,YAAY;YACxC,YAAY,EAAE,QAAQ;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE;YACxE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SACpD;KACF;CACF,CAAC","file":"map.js","sourcesContent":["import type { IMapSeriesTheme } from '../../../../series/map/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const map: IMapSeriesTheme = {\n  defaultFillColor: '#f3f3f3',\n  area: {\n    style: {\n      lineWidth: 0.5,\n      strokeOpacity: 1,\n      stroke: 'black',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    interactive: false,\n    style: {\n      fontSize: THEME_CONSTANTS.l6FontSize,\n      lineHeight: THEME_CONSTANTS.l6LineHeight,\n      textBaseline: 'middle',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' },\n      stroke: { type: 'palette', key: 'backgroundColor' }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/map.ts"],"names":[],"mappings":";;;AAEa,QAAA,GAAG,GAAoB;IAClC,gBAAgB,EAAE,SAAS;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,GAAG;YACd,aAAa,EAAE,CAAC;YAChB,MAAM,EAAE,OAAO;YACf,WAAW,EAAE,CAAC;SACf;KACF;IACD,KAAK,EAAE;QACL,WAAW,EAAE,KAAK;QAClB,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;YAClD,YAAY,EAAE,QAAQ;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE;YACxE,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SACpD;KACF;CACF,CAAC","file":"map.js","sourcesContent":["import type { IMapSeriesTheme } from '../../../../series/map/interface';\n\nexport const map: IMapSeriesTheme = {\n  defaultFillColor: '#f3f3f3',\n  area: {\n    style: {\n      lineWidth: 0.5,\n      strokeOpacity: 1,\n      stroke: 'black',\n      fillOpacity: 1\n    }\n  },\n  label: {\n    interactive: false,\n    style: {\n      fontSize: { type: 'token', key: 'l6FontSize' },\n      lineHeight: { type: 'token', key: 'l6LineHeight' },\n      textBaseline: 'middle',\n      fill: { type: 'palette', key: 'secondaryFontColor', default: '#89909d' },\n      stroke: { type: 'palette', key: 'backgroundColor' }\n    }\n  }\n};\n"]}

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
         offset: 5,
         position: "inside",
         style: {
+            lineWidth: 2,
             fill: {
                 type: "palette",
                 key: "axisMarkerFontColor"

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/series/rangeColumn.ts"],"names":[],"mappings":";;;AAIa,QAAA,WAAW,GAA4B;IAClD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;SACtD;QACD,QAAQ,EAAE;YACR,QAAQ,OAAwB;SACjC;QACD,QAAQ,EAAE;YACR,QAAQ,SAA0B;SACnC;KACF;CACF,CAAC","file":"rangeColumn.js","sourcesContent":["import type { IRangeColumnSeriesTheme } from '../../../../series/range-column/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { minMaxPositionEnum } from '../../../../series/range-column/interface';\n\nexport const rangeColumn: IRangeColumnSeriesTheme = {\n  label: {\n    visible: false,\n    offset: 5,\n    position: 'inside',\n    style: {\n      fill: { type: 'palette', key: 'axisMarkerFontColor' }\n    },\n    minLabel: {\n      position: minMaxPositionEnum.end\n    },\n    maxLabel: {\n      position: minMaxPositionEnum.start\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/series/rangeColumn.ts"],"names":[],"mappings":";;;AAIa,QAAA,WAAW,GAA4B;IAClD,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,qBAAqB,EAAE;SACtD;QACD,QAAQ,EAAE;YACR,QAAQ,OAAwB;SACjC;QACD,QAAQ,EAAE;YACR,QAAQ,SAA0B;SACnC;KACF;CACF,CAAC","file":"rangeColumn.js","sourcesContent":["import type { IRangeColumnSeriesTheme } from '../../../../series/range-column/interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { minMaxPositionEnum } from '../../../../series/range-column/interface';\n\nexport const rangeColumn: IRangeColumnSeriesTheme = {\n  label: {\n    visible: false,\n    offset: 5,\n    position: 'inside',\n    style: {\n      lineWidth: 2,\n      fill: { type: 'palette', key: 'axisMarkerFontColor' }\n    },\n    minLabel: {\n      position: minMaxPositionEnum.end\n    },\n    maxLabel: {\n      position: minMaxPositionEnum.start\n    }\n  }\n};\n"]}

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

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

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

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

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.treemap = void 0;
-
-const constants_1 = require("../constants");
-
-exports.treemap = {
+}), exports.treemap = void 0, exports.treemap = {
     gapWidth: 1,
     nodePadding: [ 5 ],
     nonLeaf: {
@@ -20,12 +16,18 @@ exports.treemap = {
             fill: "white",
             textBaseline: "middle",
             textAlign: "center",
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            }
         }
     },
     nonLeafLabel: {
-        padding: 2 * constants_1.THEME_CONSTANTS.l5FontSize,
+        padding: 24,
         style: {
             fill: "black",
             stroke: {
@@ -33,8 +35,14 @@ exports.treemap = {
                 key: "backgroundColor"
             },
             lineWidth: 2,
-            fontSize: constants_1.THEME_CONSTANTS.l5FontSize,
-            lineHeight: constants_1.THEME_CONSTANTS.l5LineHeight,
+            fontSize: {
+                type: "token",
+                key: "l5FontSize"
+            },
+            lineHeight: {
+                type: "token",
+                key: "l5LineHeight"
+            },
             textBaseline: "middle",
             textAlign: "center"
         }

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

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

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

@@ -2,11 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.waterfall = void 0;
-
-const constants_1 = require("../constants");
-
-exports.waterfall = {
+}), exports.waterfall = void 0, exports.waterfall = {
     seriesFieldName: {
         total: "total",
         increase: "increase",
@@ -25,13 +21,19 @@ exports.waterfall = {
         position: "withChange",
         style: {
             fill: "black",
-            fontSize: constants_1.THEME_CONSTANTS.l4FontSize
+            fontSize: {
+                type: "token",
+                key: "l4FontSize"
+            }
         }
     },
     label: {
         visible: !1,
         offset: 12,
-        position: "inside"
+        position: "inside",
+        style: {
+            lineWidth: 2
+        }
     }
 };
 //# sourceMappingURL=waterfall.js.map

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

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

package/cjs/theme/builtin/index.js

@@ -20,21 +20,21 @@ Object.defineProperty(exports, "__esModule", {
 }), exports.getMergedTheme = exports.themeExist = exports.removeTheme = exports.getTheme = exports.registerTheme = exports.hasThemeMerged = exports.themes = exports.defaultThemeName = exports.builtinThemes = void 0, 
 __exportStar(require("./light"), exports), __exportStar(require("./dark"), exports);
 
-const vutils_1 = require("@visactor/vutils"), merge_theme_1 = require("../../util/spec/merge-theme"), light_1 = require("./light"), preprocess_1 = require("../../util/spec/preprocess");
+const vutils_1 = require("@visactor/vutils"), merge_theme_1 = require("../../util/theme/merge-theme"), light_1 = require("./light"), preprocess_1 = require("../../util/theme/preprocess");
 
 exports.builtinThemes = {
     [light_1.lightTheme.name]: light_1.lightTheme
 }, exports.defaultThemeName = light_1.lightTheme.name, exports.themes = new Map(Object.keys(exports.builtinThemes).map((key => [ key, exports.builtinThemes[key] ])));
 
 const transformedThemes = new Map(Object.keys(exports.builtinThemes).map((key => [ key, (0, 
-preprocess_1.preprocessTheme)(exports.builtinThemes[key], exports.builtinThemes[key].colorScheme) ])));
+preprocess_1.preprocessTheme)(exports.builtinThemes[key]) ])));
 
 exports.hasThemeMerged = new Map(Object.keys(exports.builtinThemes).map((key => [ key, key === exports.defaultThemeName ])));
 
 const registerTheme = (name, theme) => {
     if (!name) return;
     const mergedTheme = (0, exports.getMergedTheme)(theme);
-    exports.themes.set(name, mergedTheme), transformedThemes.set(name, (0, preprocess_1.preprocessTheme)(mergedTheme, mergedTheme.colorScheme)), 
+    exports.themes.set(name, mergedTheme), transformedThemes.set(name, (0, preprocess_1.preprocessTheme)(mergedTheme)), 
     exports.hasThemeMerged.set(name, !0);
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export * from './light';\nexport * from './dark';\n\nimport { isString } from '@visactor/vutils';\nimport { mergeTheme } from '../../util/spec/merge-theme';\nimport type { ITheme } from '../interface';\nimport { lightTheme } from './light';\n// import { darkTheme } from './dark';\nimport { preprocessTheme } from '../../util/spec/preprocess';\n\n/** 声明内置主题(含 token 未转换) */\nexport const builtinThemes: Record<string, ITheme> = {\n  [lightTheme.name]: lightTheme\n  // [darkTheme.name]: darkTheme\n};\n/** 默认主题名称 */\nexport const defaultThemeName = lightTheme.name;\n\n/** 全局主题 map (包含用户新注册的主题)(含 token 未转换) */\nexport const themes: Map<string, ITheme> = new Map(Object.keys(builtinThemes).map(key => [key, builtinThemes[key]]));\n\n/** 全局已将 token 转换的主题 map (包含用户新注册的主题) */\nconst transformedThemes: Map<string, ITheme> = new Map(\n  Object.keys(builtinThemes).map(key => [key, preprocessTheme(builtinThemes[key], builtinThemes[key].colorScheme)])\n);\n\n/** 主题 map 中的元素是否 merge 过默认主题 (非默认主题的其他内置主题没有 merge 过默认主题) */\nexport const hasThemeMerged: Map<string, boolean> = new Map(\n  Object.keys(builtinThemes).map(key => [key, key === defaultThemeName])\n);\n\n/** 注册主题 */\nexport const registerTheme = (name: string, theme: Partial<ITheme>) => {\n  if (!name) {\n    return;\n  }\n  // 所有主题基于默认主题扩展，保证基础值\n  const mergedTheme = getMergedTheme(theme);\n  themes.set(name, mergedTheme);\n  transformedThemes.set(name, preprocessTheme(mergedTheme, mergedTheme.colorScheme));\n  hasThemeMerged.set(name, true);\n};\n/**\n * 获取注册过的主题\n * @param name 主题名称\n * @param transformed 是否获取 token 转换后的主题\n * @returns 返回主题\n */\nexport const getTheme = (name: string = defaultThemeName, transformed: boolean = false) => {\n  if (hasThemeMerged.has(name) && !hasThemeMerged.get(name)) {\n    // 重新 merge 默认主题\n    registerTheme(name, themes.get(name));\n  }\n\n  if (transformed) {\n    return transformedThemes.get(name);\n  }\n\n  return themes.get(name);\n};\n\n/** 删除主题 */\nexport const removeTheme = (name: string): boolean => {\n  return themes.delete(name) && transformedThemes.delete(name) && hasThemeMerged.delete(name);\n};\n\n/** 主题是否存在 */\nexport const themeExist = (name: any) => {\n  if (!isString(name)) {\n    return false;\n  }\n  return themes.has(name);\n};\n\n/** 使新主题基于默认主题扩展，保证基础值 */\nexport const getMergedTheme = (theme: Partial<ITheme>): ITheme => {\n  const baseThemeName = theme.type ?? defaultThemeName;\n  const baseTheme = getTheme(baseThemeName);\n  return mergeTheme({}, baseTheme, theme);\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["export * from './light';\nexport * from './dark';\n\nimport { isString } from '@visactor/vutils';\nimport { mergeTheme } from '../../util/theme/merge-theme';\nimport type { ITheme } from '../interface';\nimport { lightTheme } from './light';\n// import { darkTheme } from './dark';\nimport { preprocessTheme } from '../../util/theme/preprocess';\n\n/** 声明内置主题(含 token 未转换) */\nexport const builtinThemes: Record<string, ITheme> = {\n  [lightTheme.name]: lightTheme\n  // [darkTheme.name]: darkTheme\n};\n/** 默认主题名称 */\nexport const defaultThemeName = lightTheme.name;\n\n/** 全局主题 map (包含用户新注册的主题)(含 token 未转换) */\nexport const themes: Map<string, ITheme> = new Map(Object.keys(builtinThemes).map(key => [key, builtinThemes[key]]));\n\n/** 全局已将 token 转换的主题 map (包含用户新注册的主题) */\nconst transformedThemes: Map<string, ITheme> = new Map(\n  Object.keys(builtinThemes).map(key => [key, preprocessTheme(builtinThemes[key])] as [string, ITheme])\n);\n\n/** 主题 map 中的元素是否 merge 过默认主题 (非默认主题的其他内置主题没有 merge 过默认主题) */\nexport const hasThemeMerged: Map<string, boolean> = new Map(\n  Object.keys(builtinThemes).map(key => [key, key === defaultThemeName])\n);\n\n/** 注册主题 */\nexport const registerTheme = (name: string, theme: Partial<ITheme>) => {\n  if (!name) {\n    return;\n  }\n  // 所有主题基于默认主题扩展，保证基础值\n  const mergedTheme = getMergedTheme(theme);\n  themes.set(name, mergedTheme);\n  transformedThemes.set(name, preprocessTheme(mergedTheme));\n  hasThemeMerged.set(name, true);\n};\n/**\n * 获取注册过的主题\n * @param name 主题名称\n * @param transformed 是否获取 token 转换后的主题\n * @returns 返回主题\n */\nexport const getTheme = (name: string = defaultThemeName, transformed: boolean = false) => {\n  if (hasThemeMerged.has(name) && !hasThemeMerged.get(name)) {\n    // 重新 merge 默认主题\n    registerTheme(name, themes.get(name));\n  }\n\n  if (transformed) {\n    return transformedThemes.get(name);\n  }\n\n  return themes.get(name);\n};\n\n/** 删除主题 */\nexport const removeTheme = (name: string): boolean => {\n  return themes.delete(name) && transformedThemes.delete(name) && hasThemeMerged.delete(name);\n};\n\n/** 主题是否存在 */\nexport const themeExist = (name: any) => {\n  if (!isString(name)) {\n    return false;\n  }\n  return themes.has(name);\n};\n\n/** 使新主题基于默认主题扩展，保证基础值 */\nexport const getMergedTheme = (theme: Partial<ITheme>): ITheme => {\n  const baseThemeName = theme.type ?? defaultThemeName;\n  const baseTheme = getTheme(baseThemeName);\n  return mergeTheme({}, baseTheme, theme);\n};\n"]}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.lightTheme = void 0;
 
-const color_scheme_1 = require("./color-scheme"), series_1 = require("../common/series"), mark_1 = require("../common/mark"), constants_1 = require("../common/constants"), component_1 = require("../common/component");
+const color_scheme_1 = require("./color-scheme"), series_1 = require("../common/series"), mark_1 = require("../common/mark"), component_1 = require("../common/component"), token_1 = require("../../token");
 
 exports.lightTheme = {
     name: "light",
@@ -13,8 +13,12 @@ exports.lightTheme = {
         key: "backgroundColor"
     },
     padding: 20,
-    fontFamily: constants_1.THEME_CONSTANTS.defaultFontFamily,
+    fontFamily: {
+        type: "token",
+        key: "defaultFontFamily"
+    },
     colorScheme: color_scheme_1.colorScheme,
+    tokenMap: token_1.tokenMap,
     mark: mark_1.markByType,
     markByName: mark_1.markByName,
     series: series_1.series,

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

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

package/cjs/theme/interface.d.ts

@@ -5,13 +5,15 @@ import type { MarkTypeEnum } from '../mark/interface';
 import type { IColorKey, IThemeColorScheme } from './color-scheme/interface';
 import type { IGradientColor } from '@visactor/vrender-core';
 import type { IComponentTheme } from '../component/interface';
+import type { ITokenKey, TokenMap } from './token';
 export interface ITheme {
     name?: string;
     description?: string;
     type?: 'light' | 'dark';
     background?: string | IGradientColor | IColorKey;
     padding?: ILayoutPaddingSpec;
-    fontFamily?: string;
+    fontFamily?: string | ITokenKey;
+    tokenMap?: TokenMap;
     colorScheme?: IThemeColorScheme;
     mark?: IGlobalMarkThemeByType;
     markByName?: IGlobalMarkThemeByName;
@@ -36,21 +38,3 @@ export interface IGlobalMarkThemeByName {
     label?: Partial<IMarkTheme<ITextMarkSpec>>;
     [markName: string]: Partial<IMarkTheme<any>>;
 }
-export interface IThemeConstants {
-    defaultFontFamily: string;
-    defaultFontSize: number;
-    l1FontSize: number;
-    l1LineHeight: number | string;
-    l2FontSize: number;
-    l2LineHeight: number | string;
-    l3FontSize: number;
-    l3LineHeight: number | string;
-    l4FontSize: number;
-    l4LineHeight: number | string;
-    l5FontSize: number;
-    l5LineHeight: number | string;
-    l6FontSize: number;
-    l6LineHeight: number | string;
-    axisTickSize: number;
-    areaOpacity: number;
-}

package/cjs/theme/interface.js.map

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

package/cjs/theme/theme-manager.d.ts

@@ -8,6 +8,6 @@ export declare class ThemeManager {
     static themeExist(name: any): boolean;
     static getDefaultTheme(): ITheme;
     static setCurrentTheme(name: string): void;
-    static getCurrentTheme(): ITheme;
+    static getCurrentTheme(transformed?: boolean): ITheme;
     static getCurrentThemeName(): string;
 }

package/cjs/theme/theme-manager.js

@@ -25,8 +25,8 @@ class ThemeManager {
     static setCurrentTheme(name) {
         ThemeManager.themeExist(name) && (ThemeManager._currentThemeName = name, instance_manager_1.InstanceManager.forEach((instance => null == instance ? void 0 : instance.setCurrentTheme(name))));
     }
-    static getCurrentTheme() {
-        return ThemeManager.getTheme(ThemeManager._currentThemeName);
+    static getCurrentTheme(transformed = !1) {
+        return ThemeManager.getTheme(ThemeManager._currentThemeName, transformed);
     }
     static getCurrentThemeName() {
         return ThemeManager._currentThemeName;

package/cjs/theme/theme-manager.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/theme-manager.ts"],"names":[],"mappings":";;;AAAA,uCAAuG;AAEvG,+DAA2D;AAG3D,MAAa,YAAY;IAYvB,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,KAAsB;QACvD,IAAA,uBAAa,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC;IAOD,MAAM,CAAC,QAAQ,CAAC,IAAY,EAAE,cAAuB,KAAK;QACxD,OAAO,IAAA,kBAAQ,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACrC,CAAC;IAOD,MAAM,CAAC,WAAW,CAAC,IAAY;QAC7B,OAAO,IAAA,qBAAW,EAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAOD,MAAM,CAAC,UAAU,CAAC,IAAS;QACzB,OAAO,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAGD,MAAM,CAAC,eAAe;QACpB,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,0BAAgB,CAAC,CAAC;IACnD,CAAC;IAGD,MAAM,CAAC,eAAe,CAAC,IAAY;QACjC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YAClC,OAAO;SACR;QACD,YAAY,CAAC,iBAAiB,GAAG,IAAI,CAAC;QACtC,kCAAe,CAAC,OAAO,CAAC,CAAC,QAAiB,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IAClF,CAAC;IAGD,MAAM,CAAC,eAAe;QACpB,OAAO,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IAC/D,CAAC;IAGD,MAAM,CAAC,mBAAmB;QACxB,OAAO,YAAY,CAAC,iBAAiB,CAAC;IACxC,CAAC;;AAjEH,oCAkEC;AAhEiB,mBAAM,GAAG,gBAAM,CAAC;AAEjB,8BAAiB,GAAW,0BAAgB,CAAC","file":"theme-manager.js","sourcesContent":["import { defaultThemeName, getTheme, registerTheme, removeTheme, themeExist, themes } from './builtin';\nimport type { ITheme } from './interface';\nimport { InstanceManager } from '../core/instance-manager';\nimport type { IVChart } from '../core/interface';\n\nexport class ThemeManager {\n  /** 主题字典 */\n  static readonly themes = themes;\n\n  private static _currentThemeName: string = defaultThemeName; // 设置缺省为默认主题\n\n  /**\n   * 注册主题\n   * @param name 主题名称\n   * @param theme 主题配置\n   * @returns\n   */\n  static registerTheme(name: string, theme: Partial<ITheme>) {\n    registerTheme(name, theme);\n  }\n\n  /**\n   * 获取主题\n   * @param name 主题名称\n   * @returns\n   */\n  static getTheme(name: string, transformed: boolean = false) {\n    return getTheme(name, transformed);\n  }\n\n  /**\n   * 移除主题\n   * @param name 主题名称\n   * @returns 是否移除成功\n   */\n  static removeTheme(name: string): boolean {\n    return removeTheme(name);\n  }\n\n  /**\n   * 判断主题是否存在\n   * @param name 主题名称\n   * @returns 是否存在\n   */\n  static themeExist(name: any) {\n    return themeExist(name);\n  }\n\n  /** 获取图表默认主题（非用户配置） */\n  static getDefaultTheme(): ITheme {\n    return ThemeManager.themes.get(defaultThemeName);\n  }\n\n  /** 设置当前主题（所有实例生效） */\n  static setCurrentTheme(name: string) {\n    if (!ThemeManager.themeExist(name)) {\n      return;\n    }\n    ThemeManager._currentThemeName = name;\n    InstanceManager.forEach((instance: IVChart) => instance?.setCurrentTheme(name));\n  }\n\n  /** 获取当前主题（只能获取用户通过`setCurrentTheme`方法设置过的主题，默认值为默认主题） */\n  static getCurrentTheme(): ITheme {\n    return ThemeManager.getTheme(ThemeManager._currentThemeName);\n  }\n\n  /** 获取当前主题名称（只能获取用户通过`setCurrentTheme`方法设置过的主题，默认值为默认主题） */\n  static getCurrentThemeName(): string {\n    return ThemeManager._currentThemeName;\n  }\n}\n"]}
+{"version":3,"sources":["../src/theme/theme-manager.ts"],"names":[],"mappings":";;;AAAA,uCAAuG;AAEvG,+DAA2D;AAG3D,MAAa,YAAY;IAYvB,MAAM,CAAC,aAAa,CAAC,IAAY,EAAE,KAAsB;QACvD,IAAA,uBAAa,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC;IAOD,MAAM,CAAC,QAAQ,CAAC,IAAY,EAAE,cAAuB,KAAK;QACxD,OAAO,IAAA,kBAAQ,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IACrC,CAAC;IAOD,MAAM,CAAC,WAAW,CAAC,IAAY;QAC7B,OAAO,IAAA,qBAAW,EAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAOD,MAAM,CAAC,UAAU,CAAC,IAAS;QACzB,OAAO,IAAA,oBAAU,EAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAGD,MAAM,CAAC,eAAe;QACpB,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG,CAAC,0BAAgB,CAAC,CAAC;IACnD,CAAC;IAGD,MAAM,CAAC,eAAe,CAAC,IAAY;QACjC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;YAClC,OAAO;SACR;QACD,YAAY,CAAC,iBAAiB,GAAG,IAAI,CAAC;QACtC,kCAAe,CAAC,OAAO,CAAC,CAAC,QAAiB,EAAE,EAAE,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IAClF,CAAC;IAGD,MAAM,CAAC,eAAe,CAAC,cAAuB,KAAK;QACjD,OAAO,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,iBAAiB,EAAE,WAAW,CAAC,CAAC;IAC5E,CAAC;IAGD,MAAM,CAAC,mBAAmB;QACxB,OAAO,YAAY,CAAC,iBAAiB,CAAC;IACxC,CAAC;;AAjEH,oCAkEC;AAhEiB,mBAAM,GAAG,gBAAM,CAAC;AAEjB,8BAAiB,GAAW,0BAAgB,CAAC","file":"theme-manager.js","sourcesContent":["import { defaultThemeName, getTheme, registerTheme, removeTheme, themeExist, themes } from './builtin';\nimport type { ITheme } from './interface';\nimport { InstanceManager } from '../core/instance-manager';\nimport type { IVChart } from '../core/interface';\n\nexport class ThemeManager {\n  /** 主题字典 */\n  static readonly themes = themes;\n\n  private static _currentThemeName: string = defaultThemeName; // 设置缺省为默认主题\n\n  /**\n   * 注册主题\n   * @param name 主题名称\n   * @param theme 主题配置\n   * @returns\n   */\n  static registerTheme(name: string, theme: Partial<ITheme>) {\n    registerTheme(name, theme);\n  }\n\n  /**\n   * 获取主题\n   * @param name 主题名称\n   * @returns\n   */\n  static getTheme(name: string, transformed: boolean = false) {\n    return getTheme(name, transformed);\n  }\n\n  /**\n   * 移除主题\n   * @param name 主题名称\n   * @returns 是否移除成功\n   */\n  static removeTheme(name: string): boolean {\n    return removeTheme(name);\n  }\n\n  /**\n   * 判断主题是否存在\n   * @param name 主题名称\n   * @returns 是否存在\n   */\n  static themeExist(name: any) {\n    return themeExist(name);\n  }\n\n  /** 获取图表默认主题（非用户配置） */\n  static getDefaultTheme(): ITheme {\n    return ThemeManager.themes.get(defaultThemeName);\n  }\n\n  /** 设置当前主题（所有实例生效） */\n  static setCurrentTheme(name: string) {\n    if (!ThemeManager.themeExist(name)) {\n      return;\n    }\n    ThemeManager._currentThemeName = name;\n    InstanceManager.forEach((instance: IVChart) => instance?.setCurrentTheme(name));\n  }\n\n  /** 获取当前主题（只能获取用户通过`setCurrentTheme`方法设置过的主题，默认值为默认主题） */\n  static getCurrentTheme(transformed: boolean = false): ITheme {\n    return ThemeManager.getTheme(ThemeManager._currentThemeName, transformed);\n  }\n\n  /** 获取当前主题名称（只能获取用户通过`setCurrentTheme`方法设置过的主题，默认值为默认主题） */\n  static getCurrentThemeName(): string {\n    return ThemeManager._currentThemeName;\n  }\n}\n"]}

package/cjs/theme/token/builtin/default.d.ts

@@ -0,0 +1,2 @@
+import type { BuiltinTokenMap } from './interface';
+export declare const tokenMap: BuiltinTokenMap;

package/cjs/theme/{builtin/common/constants.js → token/builtin/default.js}

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.THEME_CONSTANTS = void 0, exports.THEME_CONSTANTS = {
+}), exports.tokenMap = void 0, exports.tokenMap = {
     defaultFontFamily: "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol",
     defaultFontSize: 14,
     l1FontSize: 32,
@@ -16,8 +16,6 @@ Object.defineProperty(exports, "__esModule", {
     l5FontSize: 12,
     l5LineHeight: "130%",
     l6FontSize: 10,
-    l6LineHeight: "120%",
-    axisTickSize: 4,
-    areaOpacity: .2
+    l6LineHeight: "120%"
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=default.js.map