@visactor/vchart 1.12.0-alpha.4 → 1.12.0-alpha.6

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

@@ -4,51 +4,43 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.colorLegend = void 0;
 
-const continuous_1 = require("./continuous"), handlerTheme = {
-    style: {
-        symbolType: "circle",
-        lineWidth: 0,
-        outerBorder: {
-            lineWidth: 2,
-            distance: .8,
-            stroke: "#ffffff"
-        },
-        shadowBlur: 12,
-        shadowOffsetX: 0,
-        shadowOffsetY: 4,
-        shadowColor: {
-            type: "palette",
-            key: "shadowColor"
-        }
-    }
-};
-
-exports.colorLegend = {
-    horizontal: Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
-        rail: {
-            width: 200,
-            height: 8,
-            style: {
-                fill: {
-                    type: "palette",
-                    key: "sliderRailColor"
-                }
+const continuous_1 = require("./continuous"), getColorLegendTheme = horizontal => {
+    const rail = {
+        width: 200,
+        height: 8,
+        style: {
+            fill: {
+                type: "palette",
+                key: "sliderRailColor"
             }
-        },
-        handler: handlerTheme
-    }),
-    vertical: Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
-        rail: {
-            width: 8,
-            height: 200,
+        }
+    };
+    return horizontal ? (rail.width = 200, rail.height = 8) : (rail.width = 8, rail.height = 200), 
+    Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
+        rail: rail,
+        handler: {
             style: {
-                fill: {
+                symbolType: "circle",
+                lineWidth: 0,
+                outerBorder: {
+                    lineWidth: 2,
+                    distance: .8,
+                    stroke: "#ffffff"
+                },
+                shadowBlur: 12,
+                shadowOffsetX: 0,
+                shadowOffsetY: 4,
+                shadowColor: {
                     type: "palette",
-                    key: "sliderRailColor"
+                    key: "shadowColor"
                 }
             }
-        },
-        handler: handlerTheme
-    })
+        }
+    });
+};
+
+exports.colorLegend = {
+    horizontal: getColorLegendTheme(!0),
+    vertical: getColorLegendTheme(!1)
 };
 //# sourceMappingURL=color-legend.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/legend/color-legend.ts"],"names":[],"mappings":";;;AACA,6CAA+D;AAE/D,MAAM,YAAY,GAAsC;IACtD,KAAK,EAAE;QACL,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE;YACX,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,SAAS;SAClB;QACD,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;QAChB,WAAW,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE;KACrD;CACF,CAAC;AAEW,QAAA,WAAW,GAAsB;IAC5C,UAAU,kCACL,4CAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aAClD;SACF,EACD,OAAO,EAAE,YAAY,GACtB;IACD,QAAQ,kCACH,4CAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aAClD;SACF,EACD,OAAO,EAAE,YAAY,GACtB;CACF,CAAC","file":"color-legend.js","sourcesContent":["import type { IColorLegendTheme, IContinuousLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nconst handlerTheme: IContinuousLegendTheme['handler'] = {\n  style: {\n    symbolType: 'circle',\n    lineWidth: 0,\n    outerBorder: {\n      lineWidth: 2,\n      distance: 0.8,\n      stroke: '#ffffff'\n    },\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: { type: 'palette', key: 'shadowColor' }\n  }\n};\n\nexport const colorLegend: IColorLegendTheme = {\n  horizontal: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 200,\n      height: 8,\n      style: {\n        fill: { type: 'palette', key: 'sliderRailColor' }\n      }\n    },\n    handler: handlerTheme\n  },\n  vertical: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 8,\n      height: 200,\n      style: {\n        fill: { type: 'palette', key: 'sliderRailColor' }\n      }\n    },\n    handler: handlerTheme\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/color-legend.ts"],"names":[],"mappings":";;;AACA,6CAA+D;AAE/D,MAAM,mBAAmB,GAAG,CAAC,UAAoB,EAA0B,EAAE;IAC3E,MAAM,IAAI,GAAmC;QAC3C,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SAClD;KACF,CAAC;IAEF,IAAI,UAAU,EAAE;QACd,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;KACjB;SAAM;QACL,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;KACnB;IAED,uCACK,4CAA+B,KAClC,IAAI,EACJ,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE;oBACX,SAAS,EAAE,CAAC;oBACZ,QAAQ,EAAE,GAAG;oBACb,MAAM,EAAE,SAAS;iBAClB;gBACD,UAAU,EAAE,EAAE;gBACd,aAAa,EAAE,CAAC;gBAChB,aAAa,EAAE,CAAC;gBAChB,WAAW,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE;aACrD;SACF,IACD;AACJ,CAAC,CAAC;AAEW,QAAA,WAAW,GAAsB;IAC5C,UAAU,EAAE,mBAAmB,CAAC,IAAI,CAAC;IACrC,QAAQ,EAAE,mBAAmB,CAAC,KAAK,CAAC;CACrC,CAAC","file":"color-legend.js","sourcesContent":["import type { IColorLegendTheme, IContinuousLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nconst getColorLegendTheme = (horizontal?: boolean): IContinuousLegendTheme => {\n  const rail: IContinuousLegendTheme['rail'] = {\n    width: 200,\n    height: 8,\n    style: {\n      fill: { type: 'palette', key: 'sliderRailColor' }\n    }\n  };\n\n  if (horizontal) {\n    rail.width = 200;\n    rail.height = 8;\n  } else {\n    rail.width = 8;\n    rail.height = 200;\n  }\n\n  return {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail,\n    handler: {\n      style: {\n        symbolType: 'circle',\n        lineWidth: 0,\n        outerBorder: {\n          lineWidth: 2,\n          distance: 0.8,\n          stroke: '#ffffff'\n        },\n        shadowBlur: 12,\n        shadowOffsetX: 0,\n        shadowOffsetY: 4,\n        shadowColor: { type: 'palette', key: 'shadowColor' }\n      }\n    }\n  };\n};\n\nexport const colorLegend: IColorLegendTheme = {\n  horizontal: getColorLegendTheme(true),\n  vertical: getColorLegendTheme(false)\n};\n"]}

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

@@ -2,7 +2,29 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.DEFAULT_CONTINUOUS_LEGEND_THEME = void 0, exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
+}), exports.DEFAULT_CONTINUOUS_LEGEND_THEME = void 0;
+
+const getTextTheme = () => ({
+    style: {
+        fontSize: {
+            type: "token",
+            key: "l5FontSize"
+        },
+        lineHeight: {
+            type: "token",
+            key: "l5LineHeight"
+        },
+        fontWeight: "normal",
+        fill: {
+            type: "palette",
+            key: "secondaryFontColor",
+            default: "#89909d"
+        }
+    },
+    space: 6
+});
+
+exports.DEFAULT_CONTINUOUS_LEGEND_THEME = {
     orient: "right",
     position: "middle",
     padding: [ 16, 24 ],

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":";;;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"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/continuous.ts"],"names":[],"mappings":";;;AAEA,MAAM,YAAY,GAAG,GAAkB,EAAE;IACvC,OAAO;QACL,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,CAAC;AACJ,CAAC,CAAC;AAEW,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,YAAY,EAAE;IACzB,OAAO,EAAE,YAAY,EAAE;IACvB,WAAW,EAAE,YAAY,EAAE;CAC5B,CAAC","file":"continuous.js","sourcesContent":["import type { IContinuousLegendTheme, TextAttribute } from '../../../../../component/legend';\n\nconst getTextTheme = (): TextAttribute => {\n  return {\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\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: getTextTheme(),\n  endText: getTextTheme(),\n  handlerText: getTextTheme()\n};\n"]}

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

@@ -4,55 +4,17 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.sizeLegend = void 0;
 
-const continuous_1 = require("./continuous"), handlerTheme = {
-    style: {
-        symbolType: "circle",
-        lineWidth: 0,
-        outerBorder: {
-            lineWidth: 2,
-            distance: .8,
-            stroke: {
-                type: "palette",
-                key: "sliderTrackColor"
-            }
-        },
-        fill: {
-            type: "palette",
-            key: "sliderHandleColor"
-        }
-    }
-};
-
-exports.sizeLegend = {
-    horizontal: Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
-        sizeBackground: {
+const continuous_1 = require("./continuous"), getSizeLegendTheme = horizontal => {
+    const rail = {
+        style: {
             fill: {
                 type: "palette",
-                key: "dataZoomChartColor"
+                key: "sliderRailColor"
             }
-        },
-        track: {
-            style: {
-                fill: {
-                    type: "palette",
-                    key: "sliderTrackColor",
-                    a: .8
-                }
-            }
-        },
-        rail: {
-            width: 200,
-            height: 4,
-            style: {
-                fill: {
-                    type: "palette",
-                    key: "sliderRailColor"
-                }
-            }
-        },
-        handler: handlerTheme
-    }),
-    vertical: Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
+        }
+    };
+    return horizontal ? (rail.width = 200, rail.height = 4) : (rail.height = 200, rail.width = 4), 
+    Object.assign(Object.assign({}, continuous_1.DEFAULT_CONTINUOUS_LEGEND_THEME), {
         sizeBackground: {
             fill: {
                 type: "palette",
@@ -68,17 +30,30 @@ exports.sizeLegend = {
                 }
             }
         },
-        rail: {
-            width: 4,
-            height: 200,
+        rail: rail,
+        handler: {
             style: {
+                symbolType: "circle",
+                lineWidth: 0,
+                outerBorder: {
+                    lineWidth: 2,
+                    distance: .8,
+                    stroke: {
+                        type: "palette",
+                        key: "sliderTrackColor"
+                    }
+                },
                 fill: {
                     type: "palette",
-                    key: "sliderRailColor"
+                    key: "sliderHandleColor"
                 }
             }
-        },
-        handler: handlerTheme
-    })
+        }
+    });
+};
+
+exports.sizeLegend = {
+    horizontal: getSizeLegendTheme(!0),
+    vertical: getSizeLegendTheme(!1)
 };
 //# sourceMappingURL=size-legend.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/legend/size-legend.ts"],"names":[],"mappings":";;;AACA,6CAA+D;AAE/D,MAAM,YAAY,GAAsC;IACtD,KAAK,EAAE;QACL,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE;YACX,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;SACrD;QACD,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,mBAAmB,EAAE;KAOpD;CACF,CAAC;AAEW,QAAA,UAAU,GAAqB;IAC1C,UAAU,kCACL,4CAA+B,KAClC,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE,CAAC,EAAE,GAAG,EAAE;aAC3D;SACF,EACD,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aAClD;SACF,EACD,OAAO,EAAE,YAAY,GACtB;IACD,QAAQ,kCACH,4CAA+B,KAClC,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE,CAAC,EAAE,GAAG,EAAE;aAC3D;SACF,EACD,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aAClD;SACF,EACD,OAAO,EAAE,YAAY,GACtB;CACF,CAAC","file":"size-legend.js","sourcesContent":["import type { IContinuousLegendTheme, ISizeLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nconst handlerTheme: IContinuousLegendTheme['handler'] = {\n  style: {\n    symbolType: 'circle',\n    lineWidth: 0,\n    outerBorder: {\n      lineWidth: 2,\n      distance: 0.8,\n      stroke: { type: 'palette', key: 'sliderTrackColor' }\n    },\n    fill: { type: 'palette', key: 'sliderHandleColor' }\n    /*\n    shadowBlur: 12,\n    shadowOffsetX: 0,\n    shadowOffsetY: 4,\n    shadowColor: { type: 'palette', key: 'shadowColor' }\n    */\n  }\n};\n\nexport const sizeLegend: ISizeLegendTheme = {\n  horizontal: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    sizeBackground: {\n      fill: { type: 'palette', key: 'dataZoomChartColor' }\n    },\n    track: {\n      style: {\n        fill: { type: 'palette', key: 'sliderTrackColor', a: 0.8 }\n      }\n    },\n    rail: {\n      width: 200,\n      height: 4,\n      style: {\n        fill: { type: 'palette', key: 'sliderRailColor' }\n      }\n    },\n    handler: handlerTheme\n  },\n  vertical: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    sizeBackground: {\n      fill: { type: 'palette', key: 'dataZoomChartColor' }\n    },\n    track: {\n      style: {\n        fill: { type: 'palette', key: 'sliderTrackColor', a: 0.8 }\n      }\n    },\n    rail: {\n      width: 4,\n      height: 200,\n      style: {\n        fill: { type: 'palette', key: 'sliderRailColor' }\n      }\n    },\n    handler: handlerTheme\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/legend/size-legend.ts"],"names":[],"mappings":";;;AACA,6CAA+D;AAE/D,MAAM,kBAAkB,GAAG,CAAC,UAAoB,EAA0B,EAAE;IAC1E,MAAM,IAAI,GAAkC;QAC1C,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SAClD;KACF,CAAC;IACF,IAAI,UAAU,EAAE;QACd,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;KACjB;SAAM;QACL,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAClB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;KAChB;IAED,uCACK,4CAA+B,KAClC,cAAc,EAAE;YACd,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;SACrD,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE,CAAC,EAAE,GAAG,EAAE;aAC3D;SACF,EACD,IAAI,EACJ,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE;oBACX,SAAS,EAAE,CAAC;oBACZ,QAAQ,EAAE,GAAG;oBACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;iBACrD;gBACD,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,mBAAmB,EAAE;aAOpD;SACF,IACD;AACJ,CAAC,CAAC;AAEW,QAAA,UAAU,GAAqB;IAC1C,UAAU,EAAE,kBAAkB,CAAC,IAAI,CAAC;IACpC,QAAQ,EAAE,kBAAkB,CAAC,KAAK,CAAC;CACpC,CAAC","file":"size-legend.js","sourcesContent":["import type { IContinuousLegendSpec, ISizeLegendCommonTheme, ISizeLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nconst getSizeLegendTheme = (horizontal?: boolean): ISizeLegendCommonTheme => {\n  const rail: IContinuousLegendSpec['rail'] = {\n    style: {\n      fill: { type: 'palette', key: 'sliderRailColor' }\n    }\n  };\n  if (horizontal) {\n    rail.width = 200;\n    rail.height = 4;\n  } else {\n    rail.height = 200;\n    rail.width = 4;\n  }\n\n  return {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    sizeBackground: {\n      fill: { type: 'palette', key: 'dataZoomChartColor' }\n    },\n    track: {\n      style: {\n        fill: { type: 'palette', key: 'sliderTrackColor', a: 0.8 }\n      }\n    },\n    rail,\n    handler: {\n      style: {\n        symbolType: 'circle',\n        lineWidth: 0,\n        outerBorder: {\n          lineWidth: 2,\n          distance: 0.8,\n          stroke: { type: 'palette', key: 'sliderTrackColor' }\n        },\n        fill: { type: 'palette', key: 'sliderHandleColor' }\n        /*\n        shadowBlur: 12,\n        shadowOffsetX: 0,\n        shadowOffsetY: 4,\n        shadowColor: { type: 'palette', key: 'shadowColor' }\n        */\n      }\n    }\n  };\n};\n\nexport const sizeLegend: ISizeLegendTheme = {\n  horizontal: getSizeLegendTheme(true),\n  vertical: getSizeLegendTheme(false)\n};\n"]}

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

@@ -2,7 +2,22 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.mapLabel = void 0, exports.mapLabel = {
+}), exports.mapLabel = void 0;
+
+const getLabelTheme = () => ({
+    visible: !0,
+    style: {
+        textBaseline: "middle",
+        textAlign: "left",
+        fill: "black",
+        fontSize: {
+            type: "token",
+            key: "l6FontSize"
+        }
+    }
+});
+
+exports.mapLabel = {
     visible: !0,
     offset: 12,
     position: "top",

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":";;;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"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/map-label.ts"],"names":[],"mappings":";;;AAGA,MAAM,aAAa,GAAG,GAGpB,EAAE;IACF,OAAO;QACL,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,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,QAAQ,GAAmB;IACtC,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,aAAa,EAAE;IAC1B,UAAU,EAAE,aAAa,EAAE;IAC3B,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 type { ITextMarkSpec } from '../../../../typings/visual';\n\nconst getLabelTheme = (): {\n  visible?: boolean;\n  style?: ITextMarkSpec;\n} => {\n  return {\n    visible: true,\n    style: {\n      textBaseline: 'middle',\n      textAlign: 'left',\n      fill: 'black',\n      fontSize: { type: 'token', key: 'l6FontSize' }\n    }\n  };\n};\n\nexport const mapLabel: IMapLabelTheme = {\n  visible: true,\n  offset: 12,\n  position: 'top',\n  space: 10,\n  nameLabel: getLabelTheme(),\n  valueLabel: getLabelTheme(),\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-line.js

@@ -2,7 +2,23 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.markLine = void 0, exports.markLine = {
+}), exports.markLine = void 0;
+
+const getSymbolTheme = visible => ({
+    visible: visible,
+    symbolType: "triangle",
+    size: 10,
+    style: {
+        fill: {
+            type: "palette",
+            key: "markLineStrokeColor"
+        },
+        stroke: null,
+        lineWidth: 0
+    }
+});
+
+exports.markLine = {
     line: {
         style: {
             lineDash: [ 3, 3 ],
@@ -12,32 +28,8 @@ Object.defineProperty(exports, "__esModule", {
             }
         }
     },
-    startSymbol: {
-        visible: !1,
-        symbolType: "triangle",
-        size: 10,
-        style: {
-            fill: {
-                type: "palette",
-                key: "markLineStrokeColor"
-            },
-            stroke: null,
-            lineWidth: 0
-        }
-    },
-    endSymbol: {
-        visible: !0,
-        symbolType: "triangle",
-        size: 10,
-        style: {
-            fill: {
-                type: "palette",
-                key: "markLineStrokeColor"
-            },
-            stroke: null,
-            lineWidth: 0
-        }
-    },
+    startSymbol: getSymbolTheme(!1),
+    endSymbol: getSymbolTheme(!0),
     label: {
         refY: 5,
         style: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/mark-line.ts"],"names":[],"mappings":";;;AAEa,QAAA,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAChB,MAAM,EAAE,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"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/mark-line.ts"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,GAAG,CAAC,OAAiB,EAAiB,EAAE;IAC1D,OAAO;QACL,OAAO;QACP,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,CAAC;AACJ,CAAC,CAAC;AAEW,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,cAAc,CAAC,KAAK,CAAC;IAClC,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC;IAC/B,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 { IMarkerSymbol } from '../../../../component/marker/interface';\nimport type { IMarkLineTheme } from '../../../../component/marker/mark-line/interface';\n\nconst getSymbolTheme = (visible?: boolean): IMarkerSymbol => {\n  return {\n    visible,\n    symbolType: 'triangle',\n    size: 10,\n    style: {\n      fill: { type: 'palette', key: 'markLineStrokeColor' },\n      stroke: null,\n      lineWidth: 0\n    }\n  };\n};\n\nexport const markLine: IMarkLineTheme = {\n  line: {\n    style: {\n      lineDash: [3, 3],\n      stroke: { type: 'palette', key: 'markLineStrokeColor' }\n    }\n  },\n  startSymbol: getSymbolTheme(false),\n  endSymbol: getSymbolTheme(true),\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/player.js

@@ -2,7 +2,35 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.player = void 0, exports.player = {
+}), exports.player = void 0;
+
+const getDirectionTheme = position => ({
+    order: 0,
+    space: 10,
+    position: "start",
+    style: {
+        size: 12,
+        fill: {
+            type: "palette",
+            key: "playerControllerColor"
+        },
+        fillOpacity: .8
+    }
+}), getPlayTheme = () => ({
+    order: 0,
+    space: 10,
+    position: "start",
+    style: {
+        size: 12,
+        fill: {
+            type: "palette",
+            key: "playerControllerColor"
+        },
+        fillOpacity: .8
+    }
+});
+
+exports.player = {
     visible: !0,
     position: "start",
     padding: {
@@ -40,9 +68,10 @@ Object.defineProperty(exports, "__esModule", {
     controller: {
         start: {
             order: 0,
-            space: 0,
+            space: 10,
+            position: "start",
             style: {
-                size: 25,
+                size: 12,
                 fill: {
                     type: "palette",
                     key: "playerControllerColor"
@@ -52,9 +81,10 @@ Object.defineProperty(exports, "__esModule", {
         },
         pause: {
             order: 0,
-            space: 0,
+            space: 10,
+            position: "start",
             style: {
-                size: 25,
+                size: 12,
                 fill: {
                     type: "palette",
                     key: "playerControllerColor"
@@ -78,7 +108,7 @@ Object.defineProperty(exports, "__esModule", {
         forward: {
             order: 0,
             space: 10,
-            position: "end",
+            position: "start",
             style: {
                 size: 12,
                 fill: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/player.ts"],"names":[],"mappings":";;;AAEa,QAAA,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;YAClD,WAAW,EAAE,GAAG;SACjB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SAClD;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;SACxD;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;gBACvD,WAAW,EAAE,GAAG;aACjB;SACF;KACF;CACF,CAAC","file":"player.js","sourcesContent":["import type { IPlayerTheme } from '../../../../component/player';\n\nexport const player: IPlayerTheme = {\n  visible: true,\n  position: 'start',\n  padding: {\n    top: 20,\n    bottom: 20\n  },\n  slider: {\n    space: 10,\n    trackStyle: {\n      fill: { type: 'palette', key: 'sliderTrackColor' },\n      fillOpacity: 0.8\n    },\n    railStyle: {\n      fill: { type: 'palette', key: 'sliderRailColor' }\n    },\n    handlerStyle: {\n      size: 15,\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      lineWidth: 2,\n      fill: { type: 'palette', key: 'playerControllerColor' }\n    }\n  },\n  controller: {\n    start: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: { type: 'palette', key: 'playerControllerColor' },\n        fillOpacity: 0.8\n      }\n    },\n    pause: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: { type: 'palette', key: 'playerControllerColor' },\n        fillOpacity: 0.8\n      }\n    },\n    backward: {\n      order: 0,\n      space: 10,\n      position: 'start',\n      style: {\n        size: 12,\n        fill: { type: 'palette', key: 'playerControllerColor' },\n        fillOpacity: 0.8\n      }\n    },\n    forward: {\n      order: 0,\n      space: 10,\n      position: 'end',\n      style: {\n        size: 12,\n        fill: { type: 'palette', key: 'playerControllerColor' },\n        fillOpacity: 0.8\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/player.ts"],"names":[],"mappings":";;;AAEA,MAAM,iBAAiB,GAAG,CAAC,QAAyB,EAAyC,EAAE;IAC7F,OAAO;QACL,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACvD,WAAW,EAAE,GAAG;SACjB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,GAAwC,EAAE;IAC7D,OAAO;QACL,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,EAAE;QACT,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;YACvD,WAAW,EAAE,GAAG;SACjB;KACF,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,UAAU,EAAE;YACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;YAClD,WAAW,EAAE,GAAG;SACjB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;SAClD;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;YACnD,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,uBAAuB,EAAE;SACxD;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE,YAAY,EAAE;QACrB,KAAK,EAAE,YAAY,EAAE;QACrB,QAAQ,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACpC,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAAC;KAClC;CACF,CAAC","file":"player.js","sourcesContent":["import type { IPlayerTheme } from '../../../../component/player';\n\nconst getDirectionTheme = (position: 'start' | 'end'): IPlayerTheme['controller']['forward'] => {\n  return {\n    order: 0,\n    space: 10,\n    position: 'start',\n    style: {\n      size: 12,\n      fill: { type: 'palette', key: 'playerControllerColor' },\n      fillOpacity: 0.8\n    }\n  };\n};\n\nconst getPlayTheme = (): IPlayerTheme['controller']['pause'] => {\n  return {\n    order: 0,\n    space: 10,\n    position: 'start',\n    style: {\n      size: 12,\n      fill: { type: 'palette', key: 'playerControllerColor' },\n      fillOpacity: 0.8\n    }\n  };\n};\n\nexport const player: IPlayerTheme = {\n  visible: true,\n  position: 'start',\n  padding: {\n    top: 20,\n    bottom: 20\n  },\n  slider: {\n    space: 10,\n    trackStyle: {\n      fill: { type: 'palette', key: 'sliderTrackColor' },\n      fillOpacity: 0.8\n    },\n    railStyle: {\n      fill: { type: 'palette', key: 'sliderRailColor' }\n    },\n    handlerStyle: {\n      size: 15,\n      stroke: { type: 'palette', key: 'backgroundColor' },\n      lineWidth: 2,\n      fill: { type: 'palette', key: 'playerControllerColor' }\n    }\n  },\n  controller: {\n    start: getPlayTheme(),\n    pause: getPlayTheme(),\n    backward: getDirectionTheme('start'),\n    forward: getDirectionTheme('end')\n  }\n};\n"]}

package/cjs/theme/builtin/common/component/scroll-bar.js

@@ -2,7 +2,18 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.scrollBar = void 0, exports.scrollBar = {
+}), exports.scrollBar = void 0;
+
+const getSlider = () => ({
+    style: {
+        fill: {
+            type: "palette",
+            key: "scrollBarSliderColor"
+        }
+    }
+});
+
+exports.scrollBar = {
     horizontal: {
         height: 10,
         slider: {

package/cjs/theme/builtin/common/component/scroll-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/scroll-bar.ts"],"names":[],"mappings":";;;AAEa,QAAA,SAAS,GAAoB;IACxC,UAAU,EAAE;QACV,MAAM,EAAE,EAAE;QACV,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;aACvD;SACF;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;aACvD;SACF;KACF;CACF,CAAC","file":"scroll-bar.js","sourcesContent":["import type { IScrollBarTheme } from '../../../../component/data-zoom';\n\nexport const scrollBar: IScrollBarTheme = {\n  horizontal: {\n    height: 10,\n    slider: {\n      style: {\n        fill: { type: 'palette', key: 'scrollBarSliderColor' }\n      }\n    }\n  },\n  vertical: {\n    width: 10,\n    slider: {\n      style: {\n        fill: { type: 'palette', key: 'scrollBarSliderColor' }\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/scroll-bar.ts"],"names":[],"mappings":";;;AAEA,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO;QACL,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;SACvD;KACF,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,SAAS,GAAoB;IACxC,UAAU,EAAE;QACV,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,SAAS,EAAE;KACpB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,SAAS,EAAE;KACpB;CACF,CAAC","file":"scroll-bar.js","sourcesContent":["import type { IScrollBarTheme } from '../../../../component/data-zoom';\n\nconst getSlider = () => {\n  return {\n    style: {\n      fill: { type: 'palette', key: 'scrollBarSliderColor' }\n    }\n  };\n};\n\nexport const scrollBar: IScrollBarTheme = {\n  horizontal: {\n    height: 10,\n    slider: getSlider()\n  },\n  vertical: {\n    width: 10,\n    slider: getSlider()\n  }\n};\n"]}

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

@@ -2,7 +2,27 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.tooltip = void 0, exports.tooltip = {
+}), exports.tooltip = void 0;
+
+const getTitleLabelTheme = () => ({
+    fontSize: {
+        type: "token",
+        key: "l4FontSize"
+    },
+    lineHeight: {
+        type: "token",
+        key: "l4LineHeight"
+    },
+    fontColor: {
+        type: "palette",
+        key: "primaryFontColor"
+    },
+    fontWeight: "bold",
+    textBaseline: "middle",
+    spacing: 0
+});
+
+exports.tooltip = {
     offset: {
         x: 10,
         y: 10

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/builtin/common/component/tooltip.ts"],"names":[],"mappings":";;;AAGa,QAAA,OAAO,GAAsC;IACxD,MAAM,EAAE;QACN,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;KACN;IACD,KAAK,EAAE;QACL,OAAO,EAAE;YACP,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;QACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;QACjE,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;YACvD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,MAAM,EAAE;YACN,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE;SAC/C;KACF;IACD,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;QAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;QAElD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;QACvD,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;IACD,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;QAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;QAElD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;QACzD,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,EAAE;KACZ;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;QAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;QAElD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;QACvD,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTheme } from '../../../../component/tooltip/interface';\nimport type { IColorKey } from '../../../color-scheme';\n\nexport const tooltip: ITooltipTheme<string | IColorKey> = {\n  offset: {\n    x: 10,\n    y: 10\n  },\n  panel: {\n    padding: {\n      top: 10,\n      left: 10,\n      right: 10,\n      bottom: 10\n    },\n    backgroundColor: { type: 'palette', key: 'popupBackgroundColor' },\n    border: {\n      color: { type: 'palette', key: 'popupBackgroundColor' },\n      width: 0,\n      radius: 3\n    },\n    shadow: {\n      x: 0,\n      y: 4,\n      blur: 12,\n      spread: 0,\n      color: { type: 'palette', key: 'shadowColor' }\n    }\n  },\n  spaceRow: 6,\n  titleLabel: {\n    fontSize: { type: 'token', key: 'l4FontSize' },\n    lineHeight: { type: 'token', key: 'l4LineHeight' },\n\n    fontColor: { type: 'palette', key: 'primaryFontColor' },\n    fontWeight: 'bold',\n    textBaseline: 'middle',\n    spacing: 0\n  },\n  shape: {\n    size: 8,\n    spacing: 6\n  },\n  keyLabel: {\n    fontSize: { type: 'token', key: 'l4FontSize' },\n    lineHeight: { type: 'token', key: 'l4LineHeight' },\n\n    fontColor: { type: 'palette', key: 'secondaryFontColor' },\n    textBaseline: 'middle',\n    spacing: 26\n  },\n  valueLabel: {\n    fontSize: { type: 'token', key: 'l4FontSize' },\n    lineHeight: { type: 'token', key: 'l4LineHeight' },\n\n    fontColor: { type: 'palette', key: 'primaryFontColor' },\n    fontWeight: 'bold',\n    textBaseline: 'middle',\n    spacing: 0\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/builtin/common/component/tooltip.ts"],"names":[],"mappings":";;;AAGA,MAAM,kBAAkB,GAAG,GAA0C,EAAE;IACrE,OAAO;QACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;QAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;QAElD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,EAAE;QACvD,UAAU,EAAE,MAAM;QAClB,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAsC;IACxD,MAAM,EAAE;QACN,CAAC,EAAE,EAAE;QACL,CAAC,EAAE,EAAE;KACN;IACD,KAAK,EAAE;QACL,OAAO,EAAE;YACP,GAAG,EAAE,EAAE;YACP,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;QACD,eAAe,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;QACjE,MAAM,EAAE;YACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,sBAAsB,EAAE;YACvD,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;SACV;QACD,MAAM,EAAE;YACN,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE;SAC/C;KACF;IACD,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,kBAAkB,EAAE;IAChC,KAAK,EAAE;QACL,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;QAC9C,UAAU,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE;QAElD,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,oBAAoB,EAAE;QACzD,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,EAAE;KACZ;IACD,UAAU,EAAE,kBAAkB,EAAE;CACjC,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTextTheme, ITooltipTheme } from '../../../../component/tooltip/interface';\nimport type { IColorKey } from '../../../color-scheme';\n\nconst getTitleLabelTheme = (): ITooltipTextTheme<string | IColorKey> => {\n  return {\n    fontSize: { type: 'token', key: 'l4FontSize' },\n    lineHeight: { type: 'token', key: 'l4LineHeight' },\n\n    fontColor: { type: 'palette', key: 'primaryFontColor' },\n    fontWeight: 'bold',\n    textBaseline: 'middle',\n    spacing: 0\n  };\n};\n\nexport const tooltip: ITooltipTheme<string | IColorKey> = {\n  offset: {\n    x: 10,\n    y: 10\n  },\n  panel: {\n    padding: {\n      top: 10,\n      left: 10,\n      right: 10,\n      bottom: 10\n    },\n    backgroundColor: { type: 'palette', key: 'popupBackgroundColor' },\n    border: {\n      color: { type: 'palette', key: 'popupBackgroundColor' },\n      width: 0,\n      radius: 3\n    },\n    shadow: {\n      x: 0,\n      y: 4,\n      blur: 12,\n      spread: 0,\n      color: { type: 'palette', key: 'shadowColor' }\n    }\n  },\n  spaceRow: 6,\n  titleLabel: getTitleLabelTheme(),\n  shape: {\n    size: 8,\n    spacing: 6\n  },\n  keyLabel: {\n    fontSize: { type: 'token', key: 'l4FontSize' },\n    lineHeight: { type: 'token', key: 'l4LineHeight' },\n\n    fontColor: { type: 'palette', key: 'secondaryFontColor' },\n    textBaseline: 'middle',\n    spacing: 26\n  },\n  valueLabel: getTitleLabelTheme()\n};\n"]}

package/cjs/theme/builtin/common/series/funnel.d.ts

@@ -1,2 +1,3 @@
-import type { IFunnelSeriesTheme } from '../../../../series/funnel/interface';
+import type { IFunnel3dSeriesTheme, IFunnelSeriesTheme } from '../../../../series/funnel/interface';
 export declare const funnel: IFunnelSeriesTheme;
+export declare const funnel3d: IFunnel3dSeriesTheme;