@visactor/vchart 0.0.1-alpha.1 → 0.2.1-alpha.0

package/esm/theme/buildin-theme/light/component/axis/linear-axis.d.ts

@@ -0,0 +1,2 @@
+import type { IAxisCommonTheme } from '../../../../../component/axis';
+export declare const axisLinear: IAxisCommonTheme;

package/esm/theme/buildin-theme/light/component/axis/linear-axis.js

@@ -0,0 +1,18 @@
+export const axisLinear = {
+    domainLine: {
+        visible: !1
+    },
+    grid: {
+        visible: !0
+    },
+    subGrid: {
+        visible: !1
+    },
+    tick: {
+        visible: !1
+    },
+    subTick: {
+        visible: !1
+    }
+};
+//# sourceMappingURL=linear-axis.js.map

package/esm/theme/buildin-theme/light/component/axis/linear-axis.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/axis/linear-axis.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAqB;IAC1C,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;KACf;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;KACf;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;KACf;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;KACf;CACF,CAAC","file":"linear-axis.js","sourcesContent":["import type { IAxisCommonTheme } from '../../../../../component/axis';\n\nexport const axisLinear: IAxisCommonTheme = {\n  domainLine: {\n    visible: false\n  },\n  grid: {\n    visible: true\n  },\n  subGrid: {\n    visible: false\n  },\n  tick: {\n    visible: false\n  },\n  subTick: {\n    visible: false\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/{polar-axis.d.ts → axis/polar-axis.d.ts}

@@ -1,3 +1,3 @@
-import type { IPolarAxisCommonTheme } from '../../../../component/axis/polar/interface/theme';
+import type { IPolarAxisCommonTheme } from '../../../../../component/axis/polar/interface/theme';
 export declare const axisRadius: IPolarAxisCommonTheme;
 export declare const axisAngle: IPolarAxisCommonTheme;

package/esm/theme/buildin-theme/light/component/{polar-axis.js → axis/polar-axis.js}

@@ -1,5 +1,3 @@
-import { commonAxis } from "./common-axis";
-
 export const axisRadius = {
     grid: {
         smooth: !0,
@@ -11,5 +9,15 @@ export const axisRadius = {
     }
 };
 
-export const axisAngle = commonAxis;
+export const axisAngle = {
+    grid: {
+        visible: !0,
+        style: {
+            lineDash: [ 6, 6 ]
+        }
+    },
+    label: {
+        space: 10
+    }
+};
 //# sourceMappingURL=polar-axis.js.map

package/esm/theme/buildin-theme/light/component/axis/polar-axis.js.map

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

package/esm/theme/buildin-theme/light/component/crosshair.js

@@ -1,3 +1,7 @@
+import { THEME_CONSTANTS } from "../constants";
+
+const fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;
+
 export const crosshair = {
     trigger: "hover",
     xField: {
@@ -16,7 +20,7 @@ export const crosshair = {
             style: {
                 fontWeight: "normal",
                 fill: "#fff",
-                fontSize: 12
+                fontSize: fontSize
             },
             labelBackground: {
                 padding: {
@@ -48,7 +52,7 @@ export const crosshair = {
             style: {
                 fontWeight: "normal",
                 fill: "#fff",
-                fontSize: 12
+                fontSize: fontSize
             },
             labelBackground: {
                 padding: {
@@ -80,7 +84,7 @@ export const crosshair = {
             style: {
                 fontWeight: "normal",
                 fill: "#fff",
-                fontSize: 12
+                fontSize: fontSize
             },
             labelBackground: {
                 padding: {
@@ -112,7 +116,7 @@ export const crosshair = {
             style: {
                 fontWeight: "normal",
                 fill: "#fff",
-                fontSize: 12
+                fontSize: fontSize
             },
             labelBackground: {
                 padding: {

package/esm/theme/buildin-theme/light/component/crosshair.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/buildin-theme/light/component/crosshair.ts"],"names":[],"mappings":"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","file":"crosshair.js","sourcesContent":["import type { ICrosshairRectSpec, ICrosshairTheme } from '../../../../component/crosshair/interface';\n\nexport const crosshair: ICrosshairTheme = {\n  trigger: 'hover',\n  xField: {\n    visible: false,\n    line: {\n      type: 'rect',\n      visible: true,\n      style: {\n        fill: '#b2bacf',\n        opacity: 0.2,\n        lineDash: [] as number[]\n      }\n    } as ICrosshairRectSpec,\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize: 12\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  yField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: [] as number[]\n      }\n    },\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize: 12\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  categoryField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: [] as number[]\n      }\n    },\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize: 12\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  valueField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: [] as number[]\n      }\n    },\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize: 12\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/crosshair.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,QAAQ,GAAG,eAAe,CAAC,eAAe,CAAC;AAEjD,MAAM,CAAC,MAAM,SAAS,GAAoB;IACxC,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE;QACN,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,EAAE;aACb;SACoB;QACvB,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,IAAI,EAAE,MAAM;gBACZ,QAAQ;aACT;YACD,eAAe,EAAE;gBACf,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC;oBACT,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;iBACT;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,uBAAuB;oBAC7B,YAAY,EAAE,CAAC;iBAChB;aACF;SACF;KACF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,IAAI,EAAE,MAAM;gBACZ,QAAQ;aACT;YACD,eAAe,EAAE;gBACf,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC;oBACT,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;iBACT;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,uBAAuB;oBAC7B,YAAY,EAAE,CAAC;iBAChB;aACF;SACF;KACF;IACD,aAAa,EAAE;QACb,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,IAAI,EAAE,MAAM;gBACZ,QAAQ;aACT;YACD,eAAe,EAAE;gBACf,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC;oBACT,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;iBACT;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,uBAAuB;oBAC7B,YAAY,EAAE,CAAC;iBAChB;aACF;SACF;KACF;IACD,UAAU,EAAE;QACV,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,UAAU,EAAE,QAAQ;gBACpB,IAAI,EAAE,MAAM;gBACZ,QAAQ;aACT;YACD,eAAe,EAAE;gBACf,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC;oBACT,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;iBACT;gBACD,KAAK,EAAE;oBACL,IAAI,EAAE,uBAAuB;oBAC7B,YAAY,EAAE,CAAC;iBAChB;aACF;SACF;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairRectSpec, ICrosshairTheme } from '../../../../component/crosshair/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nconst fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;\n\nexport const crosshair: ICrosshairTheme = {\n  trigger: 'hover',\n  xField: {\n    visible: false,\n    line: {\n      type: 'rect',\n      visible: true,\n      style: {\n        fill: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    } as ICrosshairRectSpec,\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  yField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  categoryField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  },\n  valueField: {\n    visible: false,\n    line: {\n      type: 'line',\n      visible: true,\n      style: {\n        stroke: '#b2bacf',\n        opacity: 0.2,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: true,\n      style: {\n        fontWeight: 'normal',\n        fill: '#fff',\n        fontSize\n      },\n      labelBackground: {\n        padding: {\n          bottom: 2,\n          top: 2,\n          left: 4,\n          right: 4\n        },\n        style: {\n          fill: 'rgba(47, 59, 82, 0.9)',\n          cornerRadius: 4\n        }\n      }\n    }\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/data-zoom.js

@@ -32,7 +32,7 @@ export const dataZoom = {
             symbolType: "M-651.40493822 1451.33576377m0-418.93088554l0-2094.65442779q0-418.93088556 418.93088555-418.93088733l418.93088556 0q418.93088556 0 418.93088553 418.93088733l0 2094.65442779q0 418.93088556-418.93088553 418.93088554l-418.93088556 0q-418.93088556 0-418.93088555-418.93088554Z M-546.67221684 1032.40487819a314.19816417 314.19816417 0 0 0 314.19816418 314.19816421l418.93088555 1e-8a314.19816417 314.19816417 0 0 0 314.19816418-314.19816418l-1e-8-2094.65442779a314.19816417 314.19816417 0 0 0-314.19816417-314.19816596l-418.93088556 0a314.19816417 314.19816417 0 0 0-314.19816417 314.19816596l0 2094.65442775m-104.73272138 4e-8l0-2094.65442779a418.93088556 418.93088556 0 0 1 418.93088555-418.93088733l418.93088556 0a418.93088556 418.93088556 0 0 1 418.93088553 418.93088733l0 2094.65442779a418.93088556 418.93088556 0 0 1-418.93088553 418.93088554l-418.93088556 0a418.93088556 418.93088556 0 0 1-418.93088555-418.93088554z M-232.47405266 404.00854987l-1e-8-837.86177109 104.73272138 0 0 837.86177109z M81.72411149 404.00854987l0-837.86177109 104.7327214 0 0 837.8617711z",
             fill: "#FFF",
             stroke: "#AEB8C6",
-            lineWidth: .8
+            lineWidth: 1
         }
     },
     endHandler: {
@@ -40,7 +40,7 @@ export const dataZoom = {
             symbolType: "M-651.40493822 1451.33576377m0-418.93088554l0-2094.65442779q0-418.93088556 418.93088555-418.93088733l418.93088556 0q418.93088556 0 418.93088553 418.93088733l0 2094.65442779q0 418.93088556-418.93088553 418.93088554l-418.93088556 0q-418.93088556 0-418.93088555-418.93088554Z M-546.67221684 1032.40487819a314.19816417 314.19816417 0 0 0 314.19816418 314.19816421l418.93088555 1e-8a314.19816417 314.19816417 0 0 0 314.19816418-314.19816418l-1e-8-2094.65442779a314.19816417 314.19816417 0 0 0-314.19816417-314.19816596l-418.93088556 0a314.19816417 314.19816417 0 0 0-314.19816417 314.19816596l0 2094.65442775m-104.73272138 4e-8l0-2094.65442779a418.93088556 418.93088556 0 0 1 418.93088555-418.93088733l418.93088556 0a418.93088556 418.93088556 0 0 1 418.93088553 418.93088733l0 2094.65442779a418.93088556 418.93088556 0 0 1-418.93088553 418.93088554l-418.93088556 0a418.93088556 418.93088556 0 0 1-418.93088555-418.93088554z M-232.47405266 404.00854987l-1e-8-837.86177109 104.73272138 0 0 837.86177109z M81.72411149 404.00854987l0-837.86177109 104.7327214 0 0 837.8617711z",
             fill: "#FFF",
             stroke: "#AEB8C6",
-            lineWidth: .8
+            lineWidth: 1
         }
     },
     startText: {
@@ -59,26 +59,26 @@ export const dataZoom = {
     },
     selectedBackground: {
         style: {
-            fill: "#E1E4E8",
-            fillOpacity: .5
+            fill: "#D8E4F7"
         }
     },
     dragMask: {
         style: {
-            fill: "#E1E4E8",
-            fillOpacity: .2
+            fill: "#D9E5F8",
+            stroke: "#AEB8C6",
+            lineWidth: 1
         }
     },
     backgroundChart: {
         area: {
             style: {
                 lineWidth: 1,
-                fill: "#D1D5DA"
+                fill: "#CACFD7"
             }
         },
         line: {
             style: {
-                stroke: "#D1D5DA",
+                stroke: "#CACFD7",
                 lineWidth: 1
             }
         }
@@ -87,12 +87,12 @@ export const dataZoom = {
         area: {
             style: {
                 lineWidth: 1,
-                fill: "#D1D5DA"
+                fill: "#CACFD7"
             }
         },
         line: {
             style: {
-                stroke: "#D1D5DA",
+                stroke: "#CACFD7",
                 lineWidth: 1
             }
         }

package/esm/theme/buildin-theme/light/component/data-zoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/buildin-theme/light/component/data-zoom.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAmB;IACtC,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE;QACb,OAAO,EAAE,KAAK;QACd,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,KAAK,EAAE;gBAEL,MAAM,EAAE,SAAS;gBACjB,YAAY,EAAE,CAAC;aAChB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC;gBACP,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,SAAS;gBACjB,UAAU,EAER,8PAA8P;gBAChQ,SAAS,EAAE,GAAG;aACf;SACF;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,UAAU,EAER,4iCAA4iC;YAC9iC,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,GAAG;SACf;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,UAAU,EAER,4iCAA4iC;YAC9iC,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,GAAG;SACf;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,GAAG;SACjB;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,GAAG;SACjB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;CACF,CAAC","file":"data-zoom.js","sourcesContent":["import type { IDataZoomTheme } from '../../../../component/data-zoom';\n\nexport const dataZoom: IDataZoomTheme = {\n  showDetail: 'auto',\n  middleHandler: {\n    visible: false,\n    background: {\n      size: 5,\n      style: {\n        // fill: 'white',\n        stroke: '#D1D5DA',\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      style: {\n        size: 8,\n        fill: 'white',\n        stroke: '#D1D5DA',\n        symbolType:\n          // eslint-disable-next-line max-len\n          'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z',\n        lineWidth: 0.5\n      }\n    }\n  },\n  background: {\n    size: 20,\n    style: {\n      fill: '#F6F8FA',\n      stroke: '#F6F8FA',\n      lineWidth: 1\n    }\n  },\n  startHandler: {\n    style: {\n      symbolType:\n        // eslint-disable-next-line max-len\n        'M-651.40493822 1451.33576377m0-418.93088554l0-2094.65442779q0-418.93088556 418.93088555-418.93088733l418.93088556 0q418.93088556 0 418.93088553 418.93088733l0 2094.65442779q0 418.93088556-418.93088553 418.93088554l-418.93088556 0q-418.93088556 0-418.93088555-418.93088554Z M-546.67221684 1032.40487819a314.19816417 314.19816417 0 0 0 314.19816418 314.19816421l418.93088555 1e-8a314.19816417 314.19816417 0 0 0 314.19816418-314.19816418l-1e-8-2094.65442779a314.19816417 314.19816417 0 0 0-314.19816417-314.19816596l-418.93088556 0a314.19816417 314.19816417 0 0 0-314.19816417 314.19816596l0 2094.65442775m-104.73272138 4e-8l0-2094.65442779a418.93088556 418.93088556 0 0 1 418.93088555-418.93088733l418.93088556 0a418.93088556 418.93088556 0 0 1 418.93088553 418.93088733l0 2094.65442779a418.93088556 418.93088556 0 0 1-418.93088553 418.93088554l-418.93088556 0a418.93088556 418.93088556 0 0 1-418.93088555-418.93088554z M-232.47405266 404.00854987l-1e-8-837.86177109 104.73272138 0 0 837.86177109z M81.72411149 404.00854987l0-837.86177109 104.7327214 0 0 837.8617711z',\n      fill: '#FFF',\n      stroke: '#AEB8C6',\n      lineWidth: 0.8\n    }\n  },\n  endHandler: {\n    style: {\n      symbolType:\n        // eslint-disable-next-line max-len\n        'M-651.40493822 1451.33576377m0-418.93088554l0-2094.65442779q0-418.93088556 418.93088555-418.93088733l418.93088556 0q418.93088556 0 418.93088553 418.93088733l0 2094.65442779q0 418.93088556-418.93088553 418.93088554l-418.93088556 0q-418.93088556 0-418.93088555-418.93088554Z M-546.67221684 1032.40487819a314.19816417 314.19816417 0 0 0 314.19816418 314.19816421l418.93088555 1e-8a314.19816417 314.19816417 0 0 0 314.19816418-314.19816418l-1e-8-2094.65442779a314.19816417 314.19816417 0 0 0-314.19816417-314.19816596l-418.93088556 0a314.19816417 314.19816417 0 0 0-314.19816417 314.19816596l0 2094.65442775m-104.73272138 4e-8l0-2094.65442779a418.93088556 418.93088556 0 0 1 418.93088555-418.93088733l418.93088556 0a418.93088556 418.93088556 0 0 1 418.93088553 418.93088733l0 2094.65442779a418.93088556 418.93088556 0 0 1-418.93088553 418.93088554l-418.93088556 0a418.93088556 418.93088556 0 0 1-418.93088555-418.93088554z M-232.47405266 404.00854987l-1e-8-837.86177109 104.73272138 0 0 837.86177109z M81.72411149 404.00854987l0-837.86177109 104.7327214 0 0 837.8617711z',\n      fill: '#FFF',\n      stroke: '#AEB8C6',\n      lineWidth: 0.8\n    }\n  },\n  startText: {\n    padding: 8,\n    style: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  },\n  endText: {\n    padding: 8,\n    style: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  },\n  selectedBackground: {\n    style: {\n      fill: '#E1E4E8',\n      fillOpacity: 0.5\n    }\n  },\n  dragMask: {\n    style: {\n      fill: '#E1E4E8',\n      fillOpacity: 0.2\n    }\n  },\n  backgroundChart: {\n    area: {\n      style: {\n        lineWidth: 1,\n        fill: '#D1D5DA'\n      }\n    },\n    line: {\n      style: {\n        stroke: '#D1D5DA',\n        lineWidth: 1\n      }\n    }\n  },\n  selectedBackgroundChart: {\n    area: {\n      style: {\n        lineWidth: 1,\n        fill: '#D1D5DA'\n      }\n    },\n    line: {\n      style: {\n        stroke: '#D1D5DA',\n        lineWidth: 1\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/data-zoom.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAmB;IACtC,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE;QACb,OAAO,EAAE,KAAK;QACd,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,KAAK,EAAE;gBAEL,MAAM,EAAE,SAAS;gBACjB,YAAY,EAAE,CAAC;aAChB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC;gBACP,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,SAAS;gBACjB,UAAU,EAER,8PAA8P;gBAChQ,SAAS,EAAE,GAAG;aACf;SACF;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,UAAU,EAER,4iCAA4iC;YAC9iC,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,UAAU,EAER,4iCAA4iC;YAC9iC,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;SAChB;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;SACb;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,uBAAuB,EAAE;QACvB,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;CACF,CAAC","file":"data-zoom.js","sourcesContent":["import type { IDataZoomTheme } from '../../../../component/data-zoom';\n\nexport const dataZoom: IDataZoomTheme = {\n  showDetail: 'auto',\n  middleHandler: {\n    visible: false,\n    background: {\n      size: 5,\n      style: {\n        // fill: 'white',\n        stroke: '#D1D5DA',\n        cornerRadius: 2\n      }\n    },\n    icon: {\n      style: {\n        size: 8,\n        fill: 'white',\n        stroke: '#D1D5DA',\n        symbolType:\n          // eslint-disable-next-line max-len\n          'M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z',\n        lineWidth: 0.5\n      }\n    }\n  },\n  background: {\n    size: 20,\n    style: {\n      fill: '#F6F8FA',\n      stroke: '#F6F8FA',\n      lineWidth: 1\n    }\n  },\n  startHandler: {\n    style: {\n      symbolType:\n        // eslint-disable-next-line max-len\n        'M-651.40493822 1451.33576377m0-418.93088554l0-2094.65442779q0-418.93088556 418.93088555-418.93088733l418.93088556 0q418.93088556 0 418.93088553 418.93088733l0 2094.65442779q0 418.93088556-418.93088553 418.93088554l-418.93088556 0q-418.93088556 0-418.93088555-418.93088554Z M-546.67221684 1032.40487819a314.19816417 314.19816417 0 0 0 314.19816418 314.19816421l418.93088555 1e-8a314.19816417 314.19816417 0 0 0 314.19816418-314.19816418l-1e-8-2094.65442779a314.19816417 314.19816417 0 0 0-314.19816417-314.19816596l-418.93088556 0a314.19816417 314.19816417 0 0 0-314.19816417 314.19816596l0 2094.65442775m-104.73272138 4e-8l0-2094.65442779a418.93088556 418.93088556 0 0 1 418.93088555-418.93088733l418.93088556 0a418.93088556 418.93088556 0 0 1 418.93088553 418.93088733l0 2094.65442779a418.93088556 418.93088556 0 0 1-418.93088553 418.93088554l-418.93088556 0a418.93088556 418.93088556 0 0 1-418.93088555-418.93088554z M-232.47405266 404.00854987l-1e-8-837.86177109 104.73272138 0 0 837.86177109z M81.72411149 404.00854987l0-837.86177109 104.7327214 0 0 837.8617711z',\n      fill: '#FFF',\n      stroke: '#AEB8C6',\n      lineWidth: 1\n    }\n  },\n  endHandler: {\n    style: {\n      symbolType:\n        // eslint-disable-next-line max-len\n        'M-651.40493822 1451.33576377m0-418.93088554l0-2094.65442779q0-418.93088556 418.93088555-418.93088733l418.93088556 0q418.93088556 0 418.93088553 418.93088733l0 2094.65442779q0 418.93088556-418.93088553 418.93088554l-418.93088556 0q-418.93088556 0-418.93088555-418.93088554Z M-546.67221684 1032.40487819a314.19816417 314.19816417 0 0 0 314.19816418 314.19816421l418.93088555 1e-8a314.19816417 314.19816417 0 0 0 314.19816418-314.19816418l-1e-8-2094.65442779a314.19816417 314.19816417 0 0 0-314.19816417-314.19816596l-418.93088556 0a314.19816417 314.19816417 0 0 0-314.19816417 314.19816596l0 2094.65442775m-104.73272138 4e-8l0-2094.65442779a418.93088556 418.93088556 0 0 1 418.93088555-418.93088733l418.93088556 0a418.93088556 418.93088556 0 0 1 418.93088553 418.93088733l0 2094.65442779a418.93088556 418.93088556 0 0 1-418.93088553 418.93088554l-418.93088556 0a418.93088556 418.93088556 0 0 1-418.93088555-418.93088554z M-232.47405266 404.00854987l-1e-8-837.86177109 104.73272138 0 0 837.86177109z M81.72411149 404.00854987l0-837.86177109 104.7327214 0 0 837.8617711z',\n      fill: '#FFF',\n      stroke: '#AEB8C6',\n      lineWidth: 1\n    }\n  },\n  startText: {\n    padding: 8,\n    style: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  },\n  endText: {\n    padding: 8,\n    style: {\n      fontSize: 10,\n      fill: '#6F6F6F'\n    }\n  },\n  selectedBackground: {\n    style: {\n      fill: '#D8E4F7'\n    }\n  },\n  dragMask: {\n    style: {\n      fill: '#D9E5F8',\n      stroke: '#AEB8C6',\n      lineWidth: 1\n    }\n  },\n  backgroundChart: {\n    area: {\n      style: {\n        lineWidth: 1,\n        fill: '#CACFD7'\n      }\n    },\n    line: {\n      style: {\n        stroke: '#CACFD7',\n        lineWidth: 1\n      }\n    }\n  },\n  selectedBackgroundChart: {\n    area: {\n      style: {\n        lineWidth: 1,\n        fill: '#CACFD7'\n      }\n    },\n    line: {\n      style: {\n        stroke: '#CACFD7',\n        lineWidth: 1\n      }\n    }\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/index.d.ts

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

package/esm/theme/buildin-theme/light/component/index.js

@@ -0,0 +1,62 @@
+import { axisBand } from "./axis/band-axis";
+
+import { axisX, axisY } from "./axis/cartesian-axis";
+
+import { commonAxis } from "./axis/common-axis";
+
+import { axisLinear } from "./axis/linear-axis";
+
+import { axisAngle, axisRadius } from "./axis/polar-axis";
+
+import { brush } from "./brush";
+
+import { crosshair } from "./crosshair";
+
+import { dataZoom } from "./data-zoom";
+
+import { indicator } from "./indicator";
+
+import { colorLegend } from "./legend/color-legend";
+
+import { discreteLegend } from "./legend/discrete-legend";
+
+import { sizeLegend } from "./legend/size-legend";
+
+import { mapLabel } from "./map-label";
+
+import { markArea } from "./mark-area";
+
+import { markLine } from "./mark-line";
+
+import { markPoint } from "./mark-point";
+
+import { player } from "./player";
+
+import { title } from "./title";
+
+import { tooltip } from "./tooltip";
+
+export const component = {
+    discreteLegend: discreteLegend,
+    colorLegend: colorLegend,
+    sizeLegend: sizeLegend,
+    axis: commonAxis,
+    axisBand: axisBand,
+    axisLinear: axisLinear,
+    axisX: axisX,
+    axisY: axisY,
+    axisAngle: axisAngle,
+    axisRadius: axisRadius,
+    markLine: markLine,
+    markArea: markArea,
+    markPoint: markPoint,
+    tooltip: tooltip,
+    dataZoom: dataZoom,
+    crosshair: crosshair,
+    player: player,
+    brush: brush,
+    indicator: indicator,
+    title: title,
+    mapLabel: mapLabel
+};
+//# sourceMappingURL=index.js.map

package/esm/theme/buildin-theme/light/component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAoB;IACxC,cAAc;IACd,WAAW;IACX,UAAU;IACV,IAAI,EAAE,UAAU;IAChB,QAAQ;IACR,UAAU;IACV,KAAK;IACL,KAAK;IACL,SAAS;IACT,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,OAAO;IACP,QAAQ;IACR,SAAS;IACT,MAAM;IACN,KAAK;IACL,SAAS;IACT,KAAK;IACL,QAAQ;CACT,CAAC","file":"index.js","sourcesContent":["import type { IComponentTheme } from '../../../../component/interface';\nimport { axisBand } from './axis/band-axis';\nimport { axisX, axisY } from './axis/cartesian-axis';\nimport { commonAxis } from './axis/common-axis';\nimport { axisLinear } from './axis/linear-axis';\nimport { axisAngle, axisRadius } from './axis/polar-axis';\nimport { brush } from './brush';\nimport { crosshair } from './crosshair';\nimport { dataZoom } from './data-zoom';\nimport { indicator } from './indicator';\nimport { colorLegend } from './legend/color-legend';\nimport { discreteLegend } from './legend/discrete-legend';\nimport { sizeLegend } from './legend/size-legend';\nimport { mapLabel } from './map-label';\nimport { markArea } from './mark-area';\nimport { markLine } from './mark-line';\nimport { markPoint } from './mark-point';\nimport { player } from './player';\nimport { title } from './title';\nimport { tooltip } from './tooltip';\n\nexport const component: IComponentTheme = {\n  discreteLegend,\n  colorLegend,\n  sizeLegend,\n  axis: commonAxis,\n  axisBand,\n  axisLinear,\n  axisX,\n  axisY,\n  axisAngle,\n  axisRadius,\n  markLine,\n  markArea,\n  markPoint,\n  tooltip,\n  dataZoom,\n  crosshair,\n  player,\n  brush,\n  indicator,\n  title,\n  mapLabel\n};\n"]}

package/esm/theme/buildin-theme/light/component/legend/color-legend.d.ts

@@ -0,0 +1,2 @@
+import type { IColorLegendTheme } from '../../../../../component/legend';
+export declare const colorLegend: IColorLegendTheme;

package/esm/theme/buildin-theme/light/component/{color-legend.js → legend/color-legend.js}

@@ -1,4 +1,4 @@
-import { DEFAULT_CONTINUOUS_LEGEND_THEME } from "../../config";
+import { DEFAULT_CONTINUOUS_LEGEND_THEME } from "./continuous";
 
 export const colorLegend = {
     horizontal: Object.assign(Object.assign({}, DEFAULT_CONTINUOUS_LEGEND_THEME), {

package/esm/theme/buildin-theme/light/component/legend/color-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/legend/color-legend.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,CAAC,MAAM,WAAW,GAAsB;IAC5C,UAAU,kCACL,+BAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,GACF;IACD,QAAQ,kCACH,+BAA+B,KAClC,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,GACF;CACF,CAAC","file":"color-legend.js","sourcesContent":["import type { IColorLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nexport const colorLegend: IColorLegendTheme = {\n  horizontal: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 200,\n      height: 8,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    }\n  },\n  vertical: {\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME,\n    rail: {\n      width: 8,\n      height: 200,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    }\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/legend/continuous.d.ts

@@ -0,0 +1,2 @@
+import type { IContinuousLegendTheme } from '../../../../../component/legend';
+export declare const DEFAULT_CONTINUOUS_LEGEND_THEME: IContinuousLegendTheme;

package/esm/theme/buildin-theme/light/component/legend/continuous.js

@@ -0,0 +1,54 @@
+import { THEME_CONSTANTS } from "../../constants";
+
+export const DEFAULT_CONTINUOUS_LEGEND_THEME = {
+    orient: "right",
+    position: "middle",
+    padding: 30,
+    title: {
+        visible: !1,
+        padding: 0,
+        textStyle: {
+            fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "titleFontColor"
+            }
+        },
+        space: 12
+    },
+    handler: {
+        visible: !0
+    },
+    startText: {
+        style: {
+            fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "labelFontColor"
+            }
+        }
+    },
+    endText: {
+        style: {
+            fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "labelFontColor"
+            }
+        }
+    },
+    handlerText: {
+        style: {
+            fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fontWeight: "normal",
+            fill: {
+                type: "palette",
+                key: "labelFontColor"
+            }
+        }
+    }
+};
+//# sourceMappingURL=continuous.js.map

package/esm/theme/buildin-theme/light/component/legend/continuous.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/legend/continuous.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,+BAA+B,GAA2B;IACrE,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,eAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACjD;QACD,KAAK,EAAE,EAAE;KACV;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE;QACT,KAAK,EAAE;YACL,QAAQ,EAAE,eAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACjD;KACF;IACD,OAAO,EAAE;QACP,KAAK,EAAE;YACL,QAAQ,EAAE,eAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACjD;KACF;IACD,WAAW,EAAE;QACX,KAAK,EAAE;YACL,QAAQ,EAAE,eAAe,CAAC,eAAe;YACzC,UAAU,EAAE,QAAQ;YACpB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACjD;KACF;CACF,CAAC","file":"continuous.js","sourcesContent":["import type { IContinuousLegendTheme } from '../../../../../component/legend';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const DEFAULT_CONTINUOUS_LEGEND_THEME: IContinuousLegendTheme = {\n  orient: 'right',\n  position: 'middle',\n  padding: 30,\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'titleFontColor' }\n    },\n    space: 12\n  },\n  handler: {\n    visible: true\n  },\n  startText: {\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  endText: {\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  },\n  handlerText: {\n    style: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fontWeight: 'normal',\n      fill: { type: 'palette', key: 'labelFontColor' }\n    }\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/legend/discrete-legend.d.ts

@@ -0,0 +1,2 @@
+import type { IDiscreteLegendTheme } from '../../../../../component/legend';
+export declare const discreteLegend: IDiscreteLegendTheme;

package/esm/theme/buildin-theme/light/component/{discrete-legend.js → legend/discrete-legend.js}

@@ -1,12 +1,18 @@
+import { THEME_CONSTANTS } from "../../constants";
+
 export const discreteLegend = {
-    orient: "left",
+    orient: "bottom",
     position: "middle",
+    padding: 30,
     title: {
         visible: !1,
         padding: 0,
         textStyle: {
-            fontSize: 12,
-            fill: "#333333",
+            fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
+            fill: {
+                type: "palette",
+                key: "titleFontColor"
+            },
             fontWeight: "normal"
         },
         space: 12
@@ -39,8 +45,11 @@ export const discreteLegend = {
         label: {
             space: 4,
             style: {
-                fill: "black",
-                fontSize: 12
+                fill: {
+                    type: "palette",
+                    key: "labelFontColor"
+                },
+                fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE
             },
             state: {
                 unSelected: {

package/esm/theme/buildin-theme/light/component/legend/discrete-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/legend/discrete-legend.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,cAAc,GAAyB;IAClD,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,EAAE;IACX,KAAK,EAAE;QACL,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,QAAQ,EAAE,eAAe,CAAC,eAAe;YACzC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;YAChD,UAAU,EAAE,QAAQ;SACrB;QACD,KAAK,EAAE,EAAE;KACV;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE;YACV,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,IAAI,EAAE,MAAM;oBACZ,WAAW,EAAE,GAAG;iBACjB;gBACD,eAAe,EAAE;oBACf,IAAI,EAAE,MAAM;oBACZ,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;gBAChD,QAAQ,EAAE,eAAe,CAAC,eAAe;aAC1C;YACD,KAAK,EAAE;gBACL,UAAU,EAAE;oBACV,WAAW,EAAE,GAAG;iBACjB;aACF;SACF;KACF;IACD,gBAAgB,EAAE,KAAK;CACxB,CAAC","file":"discrete-legend.js","sourcesContent":["import type { IDiscreteLegendTheme } from '../../../../../component/legend';\nimport { THEME_CONSTANTS } from '../../constants';\n\nexport const discreteLegend: IDiscreteLegendTheme = {\n  orient: 'bottom',\n  position: 'middle',\n  padding: 30,\n  title: {\n    visible: false,\n    padding: 0,\n    textStyle: {\n      fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n      fill: { type: 'palette', key: 'titleFontColor' },\n      fontWeight: 'normal'\n    },\n    space: 12\n  },\n  item: {\n    visible: true,\n    spaceCol: 10,\n    spaceRow: 10,\n    padding: 2,\n    background: {\n      state: {\n        selectedHover: {\n          fill: 'gray',\n          fillOpacity: 0.7\n        },\n        unSelectedHover: {\n          fill: 'gray',\n          fillOpacity: 0.2\n        }\n      }\n    },\n    shape: {\n      space: 4,\n      state: {\n        unSelected: {\n          fillOpacity: 0.5\n        }\n      }\n    },\n    label: {\n      space: 4,\n      style: {\n        fill: { type: 'palette', key: 'labelFontColor' },\n        fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE\n      },\n      state: {\n        unSelected: {\n          fillOpacity: 0.5\n        }\n      }\n    }\n  },\n  allowAllCanceled: false\n};\n"]}

package/esm/theme/buildin-theme/light/component/legend/size-legend.d.ts

@@ -0,0 +1,2 @@
+import type { ISizeLegendTheme } from '../../../../../component/legend';
+export declare const sizeLegend: ISizeLegendTheme;

package/esm/theme/buildin-theme/light/component/{size-legend.js → legend/size-legend.js}

@@ -1,4 +1,4 @@
-import { DEFAULT_CONTINUOUS_LEGEND_THEME } from "../../config";
+import { DEFAULT_CONTINUOUS_LEGEND_THEME } from "./continuous";
 
 export const sizeLegend = {
     horizontal: Object.assign({

package/esm/theme/buildin-theme/light/component/legend/size-legend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/legend/size-legend.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAqB;IAC1C,UAAU,kBACR,cAAc,EAAE;YACd,IAAI,EAAE,SAAS;SAChB,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,oBAAoB;aAC3B;SACF,EACD,IAAI,EAAE;YACJ,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,CAAC;YACT,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,IACE,+BAA+B,CACnC;IACD,QAAQ,kBACN,cAAc,EAAE;YACd,IAAI,EAAE,SAAS;SAChB,EACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,IAAI,EAAE,oBAAoB;aAC3B;SACF,EACD,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE;gBACL,IAAI,EAAE,kBAAkB;aACzB;SACF,IACE,+BAA+B,CACnC;CACF,CAAC","file":"size-legend.js","sourcesContent":["import type { ISizeLegendTheme } from '../../../../../component/legend';\nimport { DEFAULT_CONTINUOUS_LEGEND_THEME } from './continuous';\n\nexport const sizeLegend: ISizeLegendTheme = {\n  horizontal: {\n    sizeBackground: {\n      fill: '#cdcdcd'\n    },\n    track: {\n      style: {\n        fill: 'rgba(20,20,20,0.1)'\n      }\n    },\n    rail: {\n      width: 200,\n      height: 4,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    },\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME\n  },\n  vertical: {\n    sizeBackground: {\n      fill: '#cdcdcd'\n    },\n    track: {\n      style: {\n        fill: 'rgba(20,20,20,0.1)'\n      }\n    },\n    rail: {\n      width: 4,\n      height: 200,\n      style: {\n        fill: 'rgba(0,0,0,0.04)'\n      }\n    },\n    ...DEFAULT_CONTINUOUS_LEGEND_THEME\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/map-label.d.ts

@@ -0,0 +1,2 @@
+import type { IMapLabelTheme } from '../../../../component/map-label';
+export declare const mapLabel: IMapLabelTheme;

package/esm/{component/map-label/config.js → theme/buildin-theme/light/component/map-label.js}

@@ -1,6 +1,8 @@
-import { DEFAULT_TEXT_FONT_FAMILY as fontFamily, DEFAULT_TEXT_FONT_SIZE as fontSize } from "../../theme";
+import { THEME_CONSTANTS } from "../constants";
 
-export const DEFAULT_CONFIG = {
+const fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE, fontFamily = THEME_CONSTANTS.FONT_FAMILY;
+
+export const mapLabel = {
     visible: !0,
     offset: 12,
     position: "top",
@@ -48,4 +50,4 @@ export const DEFAULT_CONFIG = {
         }
     }
 };
-//# sourceMappingURL=config.js.map
+//# sourceMappingURL=map-label.js.map

package/esm/theme/buildin-theme/light/component/map-label.js.map

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

package/esm/theme/buildin-theme/light/component/player.js

@@ -1,14 +1,23 @@
 export const player = {
     visible: !0,
     position: "start",
+    padding: {
+        top: 20,
+        bottom: 20
+    },
     slider: {
         space: 10,
         trackStyle: {
-            fill: "#63B5FC"
+            fill: "#3073F2"
+        },
+        railStyle: {
+            fill: "#D1D5DA"
         },
-        railStyle: {},
         handlerStyle: {
-            stroke: "#63B5FC"
+            size: 15,
+            stroke: "#FFFFFF",
+            lineWidth: 2,
+            fill: "#0564FE"
         }
     },
     controller: {
@@ -16,16 +25,16 @@ export const player = {
             order: 0,
             space: 0,
             style: {
-                size: 20,
-                fill: "#63B5FC"
+                size: 25,
+                fill: "#3073F2"
             }
         },
         pause: {
             order: 0,
             space: 0,
             style: {
-                size: 20,
-                fill: "#63B5FC"
+                size: 25,
+                fill: "#3073F2"
             }
         },
         backward: {
@@ -33,8 +42,8 @@ export const player = {
             space: 10,
             position: "start",
             style: {
-                size: 20,
-                fill: "#63B5FC"
+                size: 12,
+                fill: "#3073F2"
             }
         },
         forward: {
@@ -42,8 +51,8 @@ export const player = {
             space: 10,
             position: "end",
             style: {
-                size: 20,
-                fill: "#63B5FC"
+                size: 12,
+                fill: "#3073F2"
             }
         }
     }

package/esm/theme/buildin-theme/light/component/player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/buildin-theme/light/component/player.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,UAAU,EAAE;YACV,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE,EAAE;QACb,YAAY,EAAE;YACZ,MAAM,EAAE,SAAS;SAClB;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC","file":"player.js","sourcesContent":["import type { IPlayerTheme } from '../../../../component/player';\n\nexport const player: IPlayerTheme = {\n  visible: true,\n  position: 'start',\n  slider: {\n    space: 10,\n    trackStyle: {\n      fill: '#63B5FC'\n    },\n    railStyle: {},\n    handlerStyle: {\n      stroke: '#63B5FC'\n    }\n  },\n  controller: {\n    start: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 20,\n        fill: '#63B5FC'\n      }\n    },\n    pause: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 20,\n        fill: '#63B5FC'\n      }\n    },\n    backward: {\n      order: 0,\n      space: 10,\n      position: 'start',\n      style: {\n        size: 20,\n        fill: '#63B5FC'\n      }\n    },\n    forward: {\n      order: 0,\n      space: 10,\n      position: 'end',\n      style: {\n        size: 20,\n        fill: '#63B5FC'\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/player.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAAiB;IAClC,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,OAAO;IACjB,OAAO,EAAE;QACP,GAAG,EAAE,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,MAAM,EAAE;QACN,KAAK,EAAE,EAAE;QACT,UAAU,EAAE;YACV,IAAI,EAAE,SAAS;SAChB;QACD,SAAS,EAAE;YACT,IAAI,EAAE,SAAS;SAChB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,IAAI,EAAE,SAAS;SAChB;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,KAAK,EAAE;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,KAAK;YACf,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE;gBACR,IAAI,EAAE,SAAS;aAChB;SACF;KACF;CACF,CAAC","file":"player.js","sourcesContent":["import type { IPlayerTheme } from '../../../../component/player';\n\nexport const player: IPlayerTheme = {\n  visible: true,\n  position: 'start',\n  padding: {\n    top: 20,\n    bottom: 20\n  },\n  slider: {\n    space: 10,\n    trackStyle: {\n      fill: '#3073F2'\n    },\n    railStyle: {\n      fill: '#D1D5DA'\n    },\n    handlerStyle: {\n      size: 15,\n      stroke: '#FFFFFF',\n      lineWidth: 2,\n      fill: '#0564FE'\n    }\n  },\n  controller: {\n    start: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: '#3073F2'\n      }\n    },\n    pause: {\n      order: 0,\n      space: 0,\n      style: {\n        size: 25,\n        fill: '#3073F2'\n      }\n    },\n    backward: {\n      order: 0,\n      space: 10,\n      position: 'start',\n      style: {\n        size: 12,\n        fill: '#3073F2'\n      }\n    },\n    forward: {\n      order: 0,\n      space: 10,\n      position: 'end',\n      style: {\n        size: 12,\n        fill: '#3073F2'\n      }\n    }\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/title.js

@@ -1,9 +1,23 @@
+import { THEME_CONSTANTS } from "../constants";
+
 export const title = {
+    padding: {
+        bottom: 30
+    },
     textStyle: {
-        fontSize: 18
+        fontSize: THEME_CONSTANTS.TITLE_FONT_SIZE,
+        fontColor: {
+            type: "palette",
+            key: "titleFontColor"
+        }
     },
     subtextStyle: {
-        fontSize: 12
+        fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,
+        lineHeight: THEME_CONSTANTS.TITLE_FONT_SIZE,
+        fontColor: {
+            type: "palette",
+            key: "labelFontColor"
+        }
     }
 };
 //# sourceMappingURL=title.js.map

package/esm/theme/buildin-theme/light/component/title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/buildin-theme/light/component/title.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAgB;IAChC,SAAS,EAAE;QACT,QAAQ,EAAE,EAAE;KACb;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;KACb;CACF,CAAC","file":"title.js","sourcesContent":["import type { ITitleTheme } from '../../../../component/title/interface';\n\nexport const title: ITitleTheme = {\n  textStyle: {\n    fontSize: 18\n  },\n  subtextStyle: {\n    fontSize: 12\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/title.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,CAAC,MAAM,KAAK,GAAgB;IAChC,OAAO,EAAE;QACP,MAAM,EAAE,EAAE;KACX;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,eAAe,CAAC,eAAe;QACzC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;KACtD;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,eAAe,CAAC,eAAe;QACzC,UAAU,EAAE,eAAe,CAAC,eAAe;QAC3C,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;KACtD;CACF,CAAC","file":"title.js","sourcesContent":["import type { ITitleTheme } from '../../../../component/title/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nexport const title: ITitleTheme = {\n  padding: {\n    bottom: 30\n  },\n  textStyle: {\n    fontSize: THEME_CONSTANTS.TITLE_FONT_SIZE,\n    fontColor: { type: 'palette', key: 'titleFontColor' }\n  },\n  subtextStyle: {\n    fontSize: THEME_CONSTANTS.LABEL_FONT_SIZE,\n    lineHeight: THEME_CONSTANTS.TITLE_FONT_SIZE,\n    fontColor: { type: 'palette', key: 'labelFontColor' }\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/component/tooltip.js

@@ -1,3 +1,7 @@
+import { THEME_CONSTANTS } from "../constants";
+
+const fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;
+
 export const tooltip = {
     maxWidth: 440,
     offset: {
@@ -39,7 +43,7 @@ export const tooltip = {
         spacing: 6
     },
     keyLabel: {
-        fontSize: 12,
+        fontSize: fontSize,
         fontColor: "#4E5969",
         textAlign: "left",
         lineHeight: 18,
@@ -47,7 +51,7 @@ export const tooltip = {
         spacing: 26
     },
     valueLabel: {
-        fontSize: 12,
+        fontSize: fontSize,
         fontColor: "#4E5969",
         lineHeight: 18,
         textBaseline: "middle",