@visactor/vchart 0.0.1-alpha.2 → 1.0.0-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":"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","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/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",

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/theme/buildin-theme/light/component/tooltip.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAAkB;IACpC,QAAQ,EAAE,GAAG;IACb,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,MAAM;QACvB,MAAM,EAAE;YACN,KAAK,EAAE,SAAS;YAChB,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,oBAAoB;SAC5B;KACF;IACD,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,EAAE;QACd,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;QACZ,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,EAAE;KACZ;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTheme } from '../../../../component/tooltip/interface';\n\nexport const tooltip: ITooltipTheme = {\n  maxWidth: 440,\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: '#fff',\n    border: {\n      color: '#ffffff',\n      width: 0,\n      radius: 3\n    },\n    shadow: {\n      x: 0,\n      y: 4,\n      blur: 12,\n      spread: 0,\n      color: 'rgba(0, 0, 0, 0.1)'\n    }\n  },\n  spaceRow: 6,\n  titleLabel: {\n    fontSize: 14,\n    fontColor: '#4E5969',\n    textAlign: 'left',\n    lineHeight: 18,\n    textBaseline: 'middle',\n    spacing: 0\n  },\n  shape: {\n    size: 8,\n    spacing: 6\n  },\n  keyLabel: {\n    fontSize: 12,\n    fontColor: '#4E5969',\n    textAlign: 'left',\n    lineHeight: 18,\n    textBaseline: 'middle',\n    spacing: 26\n  },\n  valueLabel: {\n    fontSize: 12,\n    fontColor: '#4E5969',\n    lineHeight: 18,\n    textBaseline: 'middle',\n    spacing: 0\n  }\n};\n"]}
+{"version":3,"sources":["../src/theme/buildin-theme/light/component/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,QAAQ,GAAG,eAAe,CAAC,eAAe,CAAC;AAEjD,MAAM,CAAC,MAAM,OAAO,GAAkB;IACpC,QAAQ,EAAE,GAAG;IACb,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,MAAM;QACvB,MAAM,EAAE;YACN,KAAK,EAAE,SAAS;YAChB,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,oBAAoB;SAC5B;KACF;IACD,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,EAAE;QACd,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;QACR,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,MAAM;QACjB,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,EAAE;KACZ;IACD,UAAU,EAAE;QACV,QAAQ;QACR,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,EAAE;QACd,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,CAAC;KACX;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { ITooltipTheme } from '../../../../component/tooltip/interface';\nimport { THEME_CONSTANTS } from '../constants';\n\nconst fontSize = THEME_CONSTANTS.LABEL_FONT_SIZE;\n\nexport const tooltip: ITooltipTheme = {\n  maxWidth: 440,\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: '#fff',\n    border: {\n      color: '#ffffff',\n      width: 0,\n      radius: 3\n    },\n    shadow: {\n      x: 0,\n      y: 4,\n      blur: 12,\n      spread: 0,\n      color: 'rgba(0, 0, 0, 0.1)'\n    }\n  },\n  spaceRow: 6,\n  titleLabel: {\n    fontSize: 14,\n    fontColor: '#4E5969',\n    textAlign: 'left',\n    lineHeight: 18,\n    textBaseline: 'middle',\n    spacing: 0\n  },\n  shape: {\n    size: 8,\n    spacing: 6\n  },\n  keyLabel: {\n    fontSize,\n    fontColor: '#4E5969',\n    textAlign: 'left',\n    lineHeight: 18,\n    textBaseline: 'middle',\n    spacing: 26\n  },\n  valueLabel: {\n    fontSize,\n    fontColor: '#4E5969',\n    lineHeight: 18,\n    textBaseline: 'middle',\n    spacing: 0\n  }\n};\n"]}

package/esm/theme/buildin-theme/light/constants.d.ts

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

package/esm/theme/buildin-theme/light/constants.js

@@ -0,0 +1,10 @@
+import { DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TEXT_FONT_SIZE } from "../config";
+
+export const THEME_CONSTANTS = {
+    FONT_FAMILY: DEFAULT_TEXT_FONT_FAMILY,
+    LABEL_FONT_SIZE: DEFAULT_TEXT_FONT_SIZE,
+    MAP_LABEL_FONT_SIZE: 10,
+    TITLE_FONT_SIZE: 18,
+    AXIS_TICK_SIZE: 4
+};
+//# sourceMappingURL=constants.js.map

package/esm/theme/buildin-theme/light/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/buildin-theme/light/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAE7E,MAAM,CAAC,MAAM,eAAe,GAAoB;IAC9C,WAAW,EAAE,wBAAwB;IACrC,eAAe,EAAE,sBAAsB;IACvC,mBAAmB,EAAE,EAAE;IACvB,eAAe,EAAE,EAAE;IACnB,cAAc,EAAE,CAAC;CAClB,CAAC","file":"constants.js","sourcesContent":["import type { IThemeConstants } from '../../interface';\nimport { DEFAULT_TEXT_FONT_FAMILY, DEFAULT_TEXT_FONT_SIZE } from '../config';\n\nexport const THEME_CONSTANTS: IThemeConstants = {\n  FONT_FAMILY: DEFAULT_TEXT_FONT_FAMILY,\n  LABEL_FONT_SIZE: DEFAULT_TEXT_FONT_SIZE,\n  MAP_LABEL_FONT_SIZE: 10,\n  TITLE_FONT_SIZE: 18,\n  AXIS_TICK_SIZE: 4\n};\n"]}

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

@@ -1,64 +1,21 @@
-import { colorLegend } from "./component/color-legend";
-
 import { colorScheme } from "./color-scheme";
 
-import { crosshair } from "./component/crosshair";
-
-import { dataZoom } from "./component/data-zoom";
-
-import { discreteLegend } from "./component/discrete-legend";
-
-import { markLine } from "./component/mark-line";
-
-import { markArea } from "./component/mark-area";
-
-import { markPoint } from "./component/mark-point";
-
-import { sizeLegend } from "./component/size-legend";
-
-import { tooltip } from "./component/tooltip";
-
-import { player } from "./component/player";
-
 import { series } from "./series";
 
-import { brush } from "./component/brush";
-
-import { commonAxis } from "./component/common-axis";
-
-import { axisX, axisY } from "./component/cartesian-axis";
-
-import { axisAngle, axisRadius } from "./component/polar-axis";
-
-import { indicator } from "./component/indicator";
+import { markByName, markByType } from "./mark";
 
-import { title } from "./component/title";
+import { THEME_CONSTANTS } from "./constants";
 
-import { DEFAULT_TEXT_FONT_FAMILY } from "../config";
+import { component } from "./component";
 
 export const lightTheme = {
     name: "light",
     padding: 12,
-    fontFamily: DEFAULT_TEXT_FONT_FAMILY,
+    fontFamily: THEME_CONSTANTS.FONT_FAMILY,
     colorScheme: colorScheme,
-    discreteLegend: discreteLegend,
-    colorLegend: colorLegend,
-    sizeLegend: sizeLegend,
-    axis: commonAxis,
-    axisX: axisX,
-    axisY: axisY,
-    axisAngle: axisAngle,
-    axisRadius: axisRadius,
-    markLine: markLine,
-    markArea: markArea,
-    markPoint: markPoint,
+    mark: markByType,
+    markByName: markByName,
     series: series,
-    tooltip: tooltip,
-    dataZoom: dataZoom,
-    crosshair: crosshair,
-    player: player,
-    brush: brush,
-    indicator: indicator,
-    title: title
+    component: component
 };
 //# sourceMappingURL=index.js.map