@visactor/vchart-aurora-theme 1.12.3-alpha.5 → 1.12.3-alpha.7

package/cjs/common/series/line.js

@@ -16,15 +16,13 @@ Object.defineProperty(exports, "__esModule", {
             lineWidth: 2,
             shadowColor: "rgba(0, 0, 0, 0.1)",
             shadowBlur: 3,
-            stroke: {
-                type: "palette",
-                key: "whiteColors100"
+            stroke: "#fff"
+        },
+        state: {
+            dimension_hover: {
+                visible: !0
             }
         }
-    },
-    label: {
-        position: "top",
-        offset: 4
     }
 };
 //# sourceMappingURL=line.js.map

package/cjs/common/series/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/line.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAAyB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,UAAU;SACtB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE;SACnD;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC","file":"line.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const line: ISeriesTheme['line'] = {\n  line: {\n    style: {\n      lineWidth: 2,\n      curveType: 'monotone'\n    }\n  },\n  point: {\n    style: {\n      visible: false,\n      size: 12,\n      lineWidth: 2,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowBlur: 3,\n      stroke: { type: 'palette', key: 'whiteColors100' }\n    }\n  },\n  label: {\n    position: 'top',\n    offset: 4\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/series/line.ts"],"names":[],"mappings":";;;AAEa,QAAA,IAAI,GAAyB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,UAAU;SACtB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,MAAM;SACf;QACD,KAAK,EAAE;YACL,eAAe,EAAE;gBACf,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC","file":"line.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const line: ISeriesTheme['line'] = {\n  line: {\n    style: {\n      lineWidth: 2,\n      curveType: 'monotone'\n    }\n  },\n  point: {\n    style: {\n      visible: false,\n      size: 12,\n      lineWidth: 2,\n      shadowColor: 'rgba(0, 0, 0, 0.1)',\n      shadowBlur: 3,\n      stroke: '#fff'\n    },\n    state: {\n      dimension_hover: {\n        visible: true\n      }\n    }\n  }\n};\n"]}

package/cjs/common/series/pie.js

@@ -10,7 +10,9 @@ Object.defineProperty(exports, "__esModule", {
             padAngle: 0,
             stroke: "#fff",
             lineWidth: 2,
-            lineJoin: "round"
+            lineJoin: "round",
+            cornerRadius: 2,
+            visible: datum => datum.value > 0
         },
         state: {
             hover: {
@@ -23,9 +25,44 @@ Object.defineProperty(exports, "__esModule", {
             }
         }
     },
+    minAngle: 3,
     label: {
         visible: !0,
-        position: "outside"
+        position: "outside",
+        formatMethod: (label, data) => {
+            const midAngle = data.__VCHART_ARC_MIDDLE_ANGLE, cos = Math.cos(midAngle);
+            return {
+                type: "rich",
+                text: [ {
+                    text: `${null == data ? void 0 : data.value}\n`,
+                    fill: "#111",
+                    fontSize: 16,
+                    fontWeight: "500",
+                    fontFamily: "douyinNumber",
+                    stroke: !1,
+                    textAlign: cos < 0 ? "right" : "left"
+                }, {
+                    text: null == data ? void 0 : data.type,
+                    fill: "#606165",
+                    fontSize: 12,
+                    fontWeight: "400",
+                    stroke: !1,
+                    textAlign: cos < 0 ? "right" : "left"
+                } ]
+            };
+        },
+        line: {
+            style: {
+                lineWidth: 2
+            }
+        },
+        layout: {
+            align: "labelLine"
+        },
+        style: {
+            type: "rich",
+            boundsPadding: [ 6, 0, 6, 0 ]
+        }
     }
 };
 //# sourceMappingURL=pie.js.map

package/cjs/common/series/pie.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/series/pie.ts"],"names":[],"mappings":";;;AAEa,QAAA,GAAG,GAAwB;IACtC,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,CAAC;IACd,GAAG,EAAE;QACH,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,OAAO;SAClB;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,SAAS;KACpB;CACF,CAAC","file":"pie.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const pie: ISeriesTheme['pie'] = {\n  outerRadius: 0.8,\n  innerRadius: 0,\n  pie: {\n    style: {\n      padAngle: 0,\n      stroke: '#fff',\n      lineWidth: 2,\n      lineJoin: 'round'\n    },\n    state: {\n      hover: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      },\n      selected: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      }\n    }\n  },\n  label: {\n    visible: true,\n    position: 'outside'\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/series/pie.ts"],"names":[],"mappings":";;;AAEa,QAAA,GAAG,GAAwB;IACtC,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,CAAC;IACd,GAAG,EAAE;QACH,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,OAAO;YACjB,YAAY,EAAE,CAAC;YAEf,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;SAClC;QACD,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;YACD,QAAQ,EAAE;gBACR,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,QAAQ,EAAE,CAAC;IACX,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,SAAS;QACnB,YAAY,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAC;YAChD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YAC/B,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACJ;wBACE,IAAI,EAAE,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAI;wBACxB,IAAI,EAAE,MAAM;wBACZ,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,KAAK;wBACjB,UAAU,EAAE,cAAc;wBAC1B,MAAM,EAAE,KAAK;wBACb,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBACtC;oBACD;wBACE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;wBAChB,IAAI,EAAE,SAAS;wBACf,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,KAAK;wBACjB,MAAM,EAAE,KAAK;wBACb,SAAS,EAAE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;qBACtC;iBACF;aACF,CAAC;QACJ,CAAC;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;aACb;SACF;QACD,MAAM,EAAE;YACN,KAAK,EAAE,WAAW;SACnB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SAC5B;KAKF;CACF,CAAC","file":"pie.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const pie: ISeriesTheme['pie'] = {\n  outerRadius: 0.8,\n  innerRadius: 0,\n  pie: {\n    style: {\n      padAngle: 0,\n      stroke: '#fff',\n      lineWidth: 2,\n      lineJoin: 'round',\n      cornerRadius: 2,\n      // @ts-ignore\n      visible: datum => datum.value > 0 // 数据为0时隐藏柱子\n    },\n    state: {\n      hover: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      },\n      selected: {\n        outerRadius: 0.85,\n        lineWidth: 2\n      }\n    }\n  },\n  minAngle: 3,\n  label: {\n    visible: true,\n    position: 'outside',\n    formatMethod: (label, data) => {\n      const midAngle = data.__VCHART_ARC_MIDDLE_ANGLE;\n      const cos = Math.cos(midAngle);\n      return {\n        type: 'rich',\n        text: [\n          {\n            text: `${data?.value}\\n`,\n            fill: '#111',\n            fontSize: 16,\n            fontWeight: '500',\n            fontFamily: 'douyinNumber',\n            stroke: false,\n            textAlign: cos < 0 ? 'right' : 'left'\n          },\n          {\n            text: data?.type,\n            fill: '#606165',\n            fontSize: 12,\n            fontWeight: '400',\n            stroke: false,\n            textAlign: cos < 0 ? 'right' : 'left'\n          }\n        ]\n      };\n    },\n    line: {\n      style: {\n        lineWidth: 2\n      }\n    },\n    layout: {\n      align: 'labelLine'\n    },\n    style: {\n      type: 'rich',\n      boundsPadding: [6, 0, 6, 0]\n    }\n    // legend: {\n    //   visible: true,\n    //   orient: 'bottom'\n    // }\n  }\n};\n"]}

package/cjs/index.d.ts

@@ -1,3 +1,5 @@
 import type { ITheme } from '@visactor/vchart';
+import { colorList, nestColorList } from './common/color-scheme';
 export declare const chartAuroraTheme: ITheme;
+export { colorList, nestColorList };
 export declare const allThemeMap: Map<string, ITheme>;

package/cjs/index.js

@@ -2,34 +2,57 @@
 
 Object.defineProperty(exports, "__esModule", {
     value: !0
-}), exports.allThemeMap = exports.chartAuroraTheme = void 0;
+}), exports.allThemeMap = exports.nestColorList = exports.colorList = exports.chartAuroraTheme = void 0;
 
-const color_scheme_1 = require("./common/color-scheme"), axis_1 = require("./common/component/axis"), polar_axis_1 = require("./common/component/polar-axis"), legend_1 = require("./common/component/legend"), token_1 = require("./common/token"), tooltip_1 = require("./common/component/tooltip"), crosshair_1 = require("./common/component/crosshair"), area_1 = require("./common/series/area"), bar_1 = require("./common/series/bar"), line_1 = require("./common/series/line"), mark_1 = require("./common/mark"), scatter_1 = require("./common/series/scatter"), pie_1 = require("./common/series/pie"), indicator_1 = require("./common/component/indicator"), funnel_1 = require("./common/series/funnel"), treemap_1 = require("./common/series/treemap"), gauge_1 = require("./common/series/gauge"), heatmap_1 = require("./common/series/heatmap"), mark_line_1 = require("./common/component/mark-line"), mark_area_1 = require("./common/component/mark-area"), mark_point_1 = require("./common/component/mark-point"), data_zoom_1 = require("./common/component/data-zoom"), scroll_bar_1 = require("./common/component/scroll-bar"), radar_1 = require("./common/series/radar");
+const color_scheme_1 = require("./common/color-scheme");
+
+Object.defineProperty(exports, "colorList", {
+    enumerable: !0,
+    get: function() {
+        return color_scheme_1.colorList;
+    }
+}), Object.defineProperty(exports, "nestColorList", {
+    enumerable: !0,
+    get: function() {
+        return color_scheme_1.nestColorList;
+    }
+});
+
+const legend_1 = require("./common/component/legend"), tooltip_1 = require("./common/component/tooltip"), crosshair_1 = require("./common/component/crosshair"), area_1 = require("./common/series/area"), bar_1 = require("./common/series/bar"), line_1 = require("./common/series/line"), pie_1 = require("./common/series/pie");
 
 exports.chartAuroraTheme = {
     name: "aurora",
     type: "light",
-    description: "light theme for ChartHub.",
+    description: "light theme for Aurora.",
     colorScheme: color_scheme_1.colorScheme,
-    token: token_1.token,
-    component: Object.assign(Object.assign(Object.assign(Object.assign({}, axis_1.axis), legend_1.legend), polar_axis_1.axisPolar), {
-        tooltip: tooltip_1.tooltip,
-        crosshair: crosshair_1.crosshair,
-        indicator: indicator_1.indicator,
-        markLine: mark_line_1.markLine,
-        markArea: mark_area_1.markArea,
-        markPoint: mark_point_1.markPoint,
-        dataZoom: data_zoom_1.dataZoom,
-        scrollBar: scroll_bar_1.scrollBar
-    }),
-    series: Object.assign(Object.assign(Object.assign(Object.assign({}, area_1.area), bar_1.barTheme), gauge_1.gauge), {
-        line: line_1.line,
-        scatter: scatter_1.scatter,
-        pie: pie_1.pie,
-        funnel: funnel_1.funnel,
-        treemap: treemap_1.treemap,
-        heatmap: heatmap_1.heatmap,
-        radar: radar_1.radar
+    component: Object.assign(Object.assign({}, legend_1.legend), {
+        tooltip: tooltip_1.tooltip
     }),
-    markByName: mark_1.markByName
+    chart: {
+        line: {
+            component: Object.assign({
+                crosshair: crosshair_1.lineCrosshair
+            }, legend_1.lineLegend)
+        },
+        area: {
+            component: Object.assign({
+                crosshair: crosshair_1.lineCrosshair
+            }, legend_1.lineLegend)
+        },
+        bar: {
+            component: {
+                crosshair: crosshair_1.barCrosshair
+            },
+            colorScheme: {
+                default: {
+                    dataScheme: color_scheme_1.barColorList
+                }
+            }
+        }
+    },
+    series: Object.assign(Object.assign(Object.assign({
+        pie: pie_1.pie
+    }, bar_1.barTheme), area_1.area), {
+        line: line_1.line
+    })
 }, exports.allThemeMap = new Map([ [ exports.chartAuroraTheme.name, exports.chartAuroraTheme ] ]);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,wDAAoD;AACpD,kDAA+C;AAC/C,8DAA0D;AAE1D,sDAAmD;AACnD,0CAAuC;AACvC,wDAAqD;AACrD,4DAAyD;AACzD,+CAA4C;AAC5C,6CAAsD;AACtD,+CAA4C;AAC5C,wCAA2C;AAC3C,qDAAkD;AAClD,6CAA0C;AAC1C,4DAAyD;AACzD,mDAAgD;AAChD,qDAAkD;AAClD,iDAA8C;AAC9C,qDAAkD;AAClD,4DAAwD;AACxD,4DAAwD;AACxD,8DAA0D;AAC1D,4DAAwD;AACxD,8DAA0D;AAC1D,iDAA8C;AAEjC,QAAA,gBAAgB,GAAW;IACtC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,2BAA2B;IACxC,WAAW,EAAX,0BAAW;IACX,KAAK,EAAL,aAAK;IACL,SAAS,8DACJ,WAAI,GACJ,eAAM,GACN,sBAAS,KACZ,OAAO,EAAP,iBAAO;QACP,SAAS,EAAT,qBAAS;QACT,SAAS,EAAT,qBAAS;QACT,QAAQ,EAAR,oBAAQ;QACR,QAAQ,EAAR,oBAAQ;QACR,SAAS,EAAT,sBAAS;QACT,QAAQ,EAAR,oBAAQ;QACR,SAAS,EAAT,sBAAS,GACV;IACD,MAAM,8DACD,WAAI,GACJ,cAAG,GACH,aAAK,KACR,IAAI,EAAJ,WAAI;QACJ,OAAO,EAAP,iBAAO;QACP,GAAG,EAAH,SAAG;QACH,MAAM,EAAN,eAAM;QACN,OAAO,EAAP,iBAAO;QACP,OAAO,EAAP,iBAAO;QACP,KAAK,EAAL,aAAK,GACN;IACD,UAAU,EAAV,iBAAU;CACX,CAAC;AAEW,QAAA,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,EAAE,wBAAgB,CAAC,CAAC,CAAwB,CAAC","file":"index.js","sourcesContent":["import type { ITheme } from '@visactor/vchart';\nimport { colorScheme } from './common/color-scheme';\nimport { axis } from './common/component/axis';\nimport { axisPolar } from './common/component/polar-axis';\n\nimport { legend } from './common/component/legend';\nimport { token } from './common/token';\nimport { tooltip } from './common/component/tooltip';\nimport { crosshair } from './common/component/crosshair';\nimport { area } from './common/series/area';\nimport { barTheme as bar } from './common/series/bar';\nimport { line } from './common/series/line';\nimport { markByName } from './common/mark';\nimport { scatter } from './common/series/scatter';\nimport { pie } from './common/series/pie';\nimport { indicator } from './common/component/indicator';\nimport { funnel } from './common/series/funnel';\nimport { treemap } from './common/series/treemap';\nimport { gauge } from './common/series/gauge';\nimport { heatmap } from './common/series/heatmap';\nimport { markLine } from './common/component/mark-line';\nimport { markArea } from './common/component/mark-area';\nimport { markPoint } from './common/component/mark-point';\nimport { dataZoom } from './common/component/data-zoom';\nimport { scrollBar } from './common/component/scroll-bar';\nimport { radar } from './common/series/radar';\n\nexport const chartAuroraTheme: ITheme = {\n  name: 'aurora',\n  type: 'light',\n  description: 'light theme for ChartHub.',\n  colorScheme,\n  token,\n  component: {\n    ...axis,\n    ...legend,\n    ...axisPolar,\n    tooltip,\n    crosshair,\n    indicator,\n    markLine,\n    markArea,\n    markPoint,\n    dataZoom,\n    scrollBar\n  },\n  series: {\n    ...area,\n    ...bar,\n    ...gauge,\n    line,\n    scatter,\n    pie,\n    funnel,\n    treemap,\n    heatmap,\n    radar\n  },\n  markByName\n};\n\nexport const allThemeMap = new Map([[chartAuroraTheme.name, chartAuroraTheme]]) as Map<string, ITheme>;\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,wDAA4F;AA0DnF,0FA1Da,wBAAS,OA0Db;AAAE,8FA1D2B,4BAAa,OA0D3B;AAxDjC,sDAA+D;AAE/D,wDAAqD;AACrD,4DAA2E;AAC3E,+CAA4C;AAC5C,6CAAsD;AACtD,+CAA4C;AAE5C,6CAA0C;AAO7B,QAAA,gBAAgB,GAAW;IACtC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,yBAAyB;IACtC,WAAW,EAAX,0BAAW;IACX,SAAS,kCACJ,eAAM,KACT,OAAO,EAAP,iBAAO,GACR;IACD,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,yBAAa,IACrB,mBAAU,CACd;SACF;QACD,IAAI,EAAE;YACJ,SAAS,kBACP,SAAS,EAAE,yBAAa,IACrB,mBAAU,CACd;SACF;QACD,GAAG,EAAE;YACH,SAAS,EAAE;gBACT,SAAS,EAAE,wBAAY;aACxB;YACD,WAAW,EAAE;gBACX,OAAO,EAAE;oBACP,UAAU,EAAE,2BAAY;iBACzB;aACF;SACF;KACF;IACD,MAAM,8CACJ,GAAG,EAAH,SAAG,IACA,cAAG,GACH,WAAI,KACP,IAAI,EAAJ,WAAI,GACL;CACF,CAAC;AAIW,QAAA,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,EAAE,wBAAgB,CAAC,CAAC,CAAwB,CAAC","file":"index.js","sourcesContent":["import type { ITheme } from '@visactor/vchart';\nimport { colorScheme, colorList, barColorList, nestColorList } from './common/color-scheme';\n\nimport { legend, lineLegend } from './common/component/legend';\nimport { token } from './common/token';\nimport { tooltip } from './common/component/tooltip';\nimport { barCrosshair, lineCrosshair } from './common/component/crosshair';\nimport { area } from './common/series/area';\nimport { barTheme as bar } from './common/series/bar';\nimport { line } from './common/series/line';\nimport { scatter } from './common/series/scatter';\nimport { pie } from './common/series/pie';\nimport { funnel } from './common/series/funnel';\nimport { treemap } from './common/series/treemap';\nimport { gauge } from './common/series/gauge';\nimport { heatmap } from './common/series/heatmap';\nimport { radar } from './common/series/radar';\n\nexport const chartAuroraTheme: ITheme = {\n  name: 'aurora',\n  type: 'light',\n  description: 'light theme for Aurora.',\n  colorScheme,\n  component: {\n    ...legend,\n    tooltip\n  },\n  chart: {\n    line: {\n      component: {\n        crosshair: lineCrosshair,\n        ...lineLegend\n      }\n    },\n    area: {\n      component: {\n        crosshair: lineCrosshair,\n        ...lineLegend\n      }\n    },\n    bar: {\n      component: {\n        crosshair: barCrosshair\n      },\n      colorScheme: {\n        default: {\n          dataScheme: barColorList\n        }\n      }\n    }\n  },\n  series: {\n    pie,\n    ...bar,\n    ...area,\n    line\n  }\n};\n\nexport { colorList, nestColorList };\n\nexport const allThemeMap = new Map([[chartAuroraTheme.name, chartAuroraTheme]]) as Map<string, ITheme>;\n"]}

package/esm/common/color-scheme.d.ts

@@ -1,2 +1,5 @@
 import type { IThemeColorScheme } from '@visactor/vchart';
+export declare const colorList: string[];
+export declare const barColorList: string[];
+export declare const nestColorList: string[][];
 export declare const colorScheme: IThemeColorScheme;

package/esm/common/color-scheme.js

@@ -1,43 +1,23 @@
-const defaultColor = [ "#3377FF", "#1FE7F9", "#53F3B3", "#FFCD50", "#ADB8D6", "#B46FF4", "#867AFF", "#FAA64D", "#F25E68" ], BLACK_COLORS = {
-    100: "#000",
-    95: "#0D0D0D",
-    85: "#262626",
-    65: "#595959",
-    45: "#8C8C8C",
-    25: "#BFBFBF",
-    15: "#D9D9D9",
-    6: "#F0F0F0"
-}, WHITE_COLORS = {
-    100: "#FFFFFF",
-    95: "#F2F2F2",
-    85: "#D9D9D9",
-    65: "#A6A6A6",
-    45: "#737373",
-    25: "#404040",
-    15: "#262626",
-    6: "#0F0F0F"
-}, blackColorPalettes = {};
+export const colorList = [ "#3377FF", "#1FE7F9", "#53F3B3", "#FFCD50", "#ADB8D6", "#867AFF", "#FAA64D", "#FF8082", "#B46FF4" ];
 
-Object.entries(BLACK_COLORS).forEach((([key, value]) => {
-    blackColorPalettes[`blackColors${key}`] = value;
-}));
+export const barColorList = [ "#3377FF", "#1FE7F9", "#FFCD50", "#53F3B3", "#ADB8D6", "#867AFF", "#FAA64D", "#FF8082", "#B46FF4" ];
 
-const whiteColorPalettes = {};
-
-Object.entries(WHITE_COLORS).forEach((([key, value]) => {
-    whiteColorPalettes[`whiteColors${key}`] = value;
-}));
+export const nestColorList = [ [ "#3377FF", "#5587FD", "#76A4FF", "#A0C0FF", "#BFD4FF", "#E5EEFF" ], [ "#1FE7F9", "#71F1FF", "#A2F5FF", "#BCF8FF", "#D2FAFF", "#E5FDFF" ], [ "#53F3B3", "#6BFFC4", "#9FFFD9", "#C1FFE6", "#DCFFF1", "#EBFFF7" ], [ "#FFCD50", "#FFD971", "#FFE395", "#FFEBB2", "#FEF2D1", "#FFF8E8" ], [ "#ADB8D6", "#BEC8E4", "#CBD3ED", "#D9E0F5", "#E7ECFB", "#F2F5FF" ], [ "#867AFF", "#9A8DFF", "#ACA1FF", "#C4BCFF", "#DBD6FF", "#EDEBFF" ], [ "#FAA64D", "#FFB96F", "#FECB94", "#FFD8AD", "#FFE5C9", "#FFF4E9" ], [ "#FF8082", "#FF99A0", "#FFBBBF", "#FFD4D7", "#FFE8EA", "#FFF7F8" ], [ "#B46FF4", "#BF80FF", "#D1A4FD", "#E0C1FF", "#EDDAFF", "#F5ECFF" ] ];
 
 export const colorScheme = {
     default: {
-        dataScheme: defaultColor,
-        palette: Object.assign(Object.assign({
-            bandColor: defaultColor[0],
+        dataScheme: colorList,
+        palette: {
+            bandColor: colorList[0],
             backgroundColor: "transparent",
+            primaryFontColor: "#17171A",
+            secondaryFontColor: "#5E5F66",
+            tertiaryFontColor: "#888888",
             axisDomainColor: "#DCDEE1",
-            axisLabelFontColor: "#909199",
-            axisGridColor: "#E1E2E5"
-        }, blackColorPalettes), whiteColorPalettes)
+            axisLabelFontColor: "#888888",
+            axisGridColor: "#EFF0F2",
+            popupBackgroundColor: "#ffffff"
+        }
     }
 };
 //# sourceMappingURL=color-scheme.js.map

package/esm/common/color-scheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/color-scheme.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG;IAEnB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,kBAAkB,GAA2B,EAAE,CAAC;AACtD,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACpD,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;AAClD,CAAC,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAA2B,EAAE,CAAC;AACtD,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;IACpD,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,KAAK,CAAC;AAClD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,8BACP,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,EAG1B,eAAe,EAAE,aAAa,EAG9B,eAAe,EAAE,SAAS,EAE1B,kBAAkB,EAAE,SAAS,EAE7B,aAAa,EAAE,SAAS,IAErB,kBAAkB,GAClB,kBAAkB,CACY;KACpC;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { BuiltinColorPalette, IThemeColorScheme } from '@visactor/vchart';\n\nconst defaultColor = [\n  // 定义分类主题色\n  '#3377FF',\n  '#1FE7F9',\n  '#53F3B3',\n  '#FFCD50',\n  '#ADB8D6',\n  '#B46FF4',\n  '#867AFF',\n  '#FAA64D',\n  '#F25E68'\n];\n\nconst BLACK_COLORS = {\n  100: '#000',\n  95: '#0D0D0D',\n  85: '#262626',\n  65: '#595959',\n  45: '#8C8C8C',\n  25: '#BFBFBF',\n  15: '#D9D9D9',\n  6: '#F0F0F0'\n};\n\nconst WHITE_COLORS = {\n  100: '#FFFFFF',\n  95: '#F2F2F2',\n  85: '#D9D9D9',\n  65: '#A6A6A6',\n  45: '#737373',\n  25: '#404040',\n  15: '#262626',\n  6: '#0F0F0F'\n};\n\nconst blackColorPalettes: Record<string, string> = {};\nObject.entries(BLACK_COLORS).forEach(([key, value]) => {\n  blackColorPalettes[`blackColors${key}`] = value;\n});\n\nconst whiteColorPalettes: Record<string, string> = {};\nObject.entries(WHITE_COLORS).forEach(([key, value]) => {\n  whiteColorPalettes[`whiteColors${key}`] = value;\n});\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme: defaultColor,\n    palette: {\n      bandColor: defaultColor[0],\n\n      /** 背景色 */\n      backgroundColor: 'transparent',\n\n      /** 轴线颜色 */\n      axisDomainColor: '#DCDEE1',\n      /** 轴标签字色 */\n      axisLabelFontColor: '#909199',\n      /** 轴网格线颜色 */\n      axisGridColor: '#E1E2E5',\n\n      ...blackColorPalettes,\n      ...whiteColorPalettes\n    } as unknown as BuiltinColorPalette\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/color-scheme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IAEvB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAE1B,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE;YACP,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;YAEvB,eAAe,EAAE,aAAa;YAG9B,gBAAgB,EAAE,SAAS;YAE3B,kBAAkB,EAAE,SAAS;YAE7B,iBAAiB,EAAE,SAAS;YAG5B,eAAe,EAAE,SAAS;YAE1B,kBAAkB,EAAE,SAAS;YAE7B,aAAa,EAAE,SAAS;YAExB,oBAAoB,EAAE,SAAS;SACE;KACpC;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { BuiltinColorPalette, IThemeColorScheme } from '@visactor/vchart';\n\nexport const colorList = [\n  // 定义分类主题色\n  '#3377FF',\n  '#1FE7F9',\n  '#53F3B3',\n  '#FFCD50',\n  '#ADB8D6',\n  '#867AFF',\n  '#FAA64D',\n  '#FF8082',\n  '#B46FF4'\n];\n\nexport const barColorList = [\n  // 定义分类主题色\n  '#3377FF',\n  '#1FE7F9',\n  '#FFCD50',\n  '#53F3B3',\n  '#ADB8D6',\n  '#867AFF',\n  '#FAA64D',\n  '#FF8082',\n  '#B46FF4'\n];\n\nexport const nestColorList = [\n  ['#3377FF', '#5587FD', '#76A4FF', '#A0C0FF', '#BFD4FF', '#E5EEFF'],\n  ['#1FE7F9', '#71F1FF', '#A2F5FF', '#BCF8FF', '#D2FAFF', '#E5FDFF'],\n  ['#53F3B3', '#6BFFC4', '#9FFFD9', '#C1FFE6', '#DCFFF1', '#EBFFF7'],\n  ['#FFCD50', '#FFD971', '#FFE395', '#FFEBB2', '#FEF2D1', '#FFF8E8'],\n  ['#ADB8D6', '#BEC8E4', '#CBD3ED', '#D9E0F5', '#E7ECFB', '#F2F5FF'],\n  ['#867AFF', '#9A8DFF', '#ACA1FF', '#C4BCFF', '#DBD6FF', '#EDEBFF'],\n  ['#FAA64D', '#FFB96F', '#FECB94', '#FFD8AD', '#FFE5C9', '#FFF4E9'],\n  ['#FF8082', '#FF99A0', '#FFBBBF', '#FFD4D7', '#FFE8EA', '#FFF7F8'],\n  ['#B46FF4', '#BF80FF', '#D1A4FD', '#E0C1FF', '#EDDAFF', '#F5ECFF']\n];\n\nexport const colorScheme: IThemeColorScheme = {\n  default: {\n    dataScheme: colorList,\n    palette: {\n      bandColor: colorList[0],\n      /** 背景色 */\n      backgroundColor: 'transparent',\n\n      /** 主要字色 */\n      primaryFontColor: '#17171A',\n      /** 次要字色 */\n      secondaryFontColor: '#5E5F66',\n      /** 第三字色 */\n      tertiaryFontColor: '#888888',\n\n      /** 轴线颜色 */\n      axisDomainColor: '#DCDEE1',\n      /** 轴标签字色 */\n      axisLabelFontColor: '#888888',\n      /** 轴网格线颜色 */\n      axisGridColor: '#EFF0F2',\n      /** 浮层背景区域颜色 */\n      popupBackgroundColor: '#ffffff'\n    } as unknown as BuiltinColorPalette\n  }\n};\n"]}

package/esm/common/component/crosshair.d.ts

@@ -1,2 +1,3 @@
 import type { ICrosshairTheme } from '@visactor/vchart';
-export declare const crosshair: ICrosshairTheme;
+export declare const barCrosshair: ICrosshairTheme;
+export declare const lineCrosshair: ICrosshairTheme;

package/esm/common/component/crosshair.js

@@ -1,31 +1,37 @@
-export const crosshair = {
-    trigger: "hover",
-    bandField: {
+export const barCrosshair = {
+    xField: {
         line: {
             type: "rect",
-            visible: !0,
             style: {
-                fill: "#CCD7EB",
-                fillOpacity: .4,
-                lineDash: []
+                fill: {
+                    gradient: "linear",
+                    x0: 0,
+                    y0: 0,
+                    x1: 0,
+                    y1: 1,
+                    stops: [ {
+                        offset: 0,
+                        color: "rgba(51, 119, 255, 0.1)"
+                    }, {
+                        offset: 1,
+                        color: "rgba(118, 164, 255, 0.1)"
+                    } ]
+                }
             }
-        },
-        label: {
-            visible: !1
         }
-    },
-    linearField: {
-        visible: !1,
+    }
+};
+
+export const lineCrosshair = {
+    bandField: {
         line: {
             type: "line",
+            width: 1,
             style: {
-                stroke: "#CCD7EB",
-                lineWidth: .4,
-                lineDash: []
+                lineWidth: 1,
+                stroke: "#DCDEE1",
+                lineDash: [ 2, 2 ]
             }
-        },
-        label: {
-            visible: !1
         }
     }
 };

package/esm/common/component/crosshair.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAoB;IACxC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,GAAG;gBAChB,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,GAAG;gBACd,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const crosshair: ICrosshairTheme = {\n  trigger: 'hover',\n  bandField: {\n    line: {\n      type: 'rect',\n      visible: true,\n      style: {\n        fill: '#CCD7EB',\n        fillOpacity: 0.4,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: false\n    }\n  },\n  linearField: {\n    visible: false,\n    line: {\n      type: 'line',\n      style: {\n        stroke: '#CCD7EB',\n        lineWidth: 0.4,\n        lineDash: []\n      }\n    },\n    label: {\n      visible: false\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE;wBACL,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE;wBAC/C,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE;qBACjD;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC5C,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const barCrosshair: ICrosshairTheme = {\n  xField: {\n    line: {\n      type: 'rect', // 设置为矩形类型\n      style: {\n        fill: {\n          gradient: 'linear', // 线性渐变\n          x0: 0,\n          y0: 0,\n          x1: 0,\n          y1: 1,\n          stops: [\n            { offset: 0, color: 'rgba(51, 119, 255, 0.1)' },\n            { offset: 1, color: 'rgba(118, 164, 255, 0.1)' }\n          ]\n        }\n      }\n    }\n  }\n};\n\nexport const lineCrosshair: ICrosshairTheme = {\n  bandField: {\n    line: {\n      type: 'line',\n      width: 1,\n      style: {\n        lineWidth: 1,\n        stroke: '#DCDEE1',\n        lineDash: [2, 2]\n      }\n    }\n  }\n};\n"]}

package/esm/common/component/legend.d.ts

@@ -1,2 +1,3 @@
 import type { IComponentTheme } from '@visactor/vchart';
 export declare const legend: Partial<IComponentTheme>;
+export declare const lineLegend: Partial<IComponentTheme>;

package/esm/common/component/legend.js

@@ -1,138 +1,49 @@
-const commonColorLegendTheme = {
-    handlerText: {
-        space: 10,
-        style: {
-            fontSize: 12,
-            fill: "#2C3542"
-        }
-    },
-    title: {
-        space: 5,
-        style: {
-            fontSize: 12,
-            fill: "#2C3542"
-        }
-    }
-};
-
 export const legend = {
     discreteLegend: {
         visible: !0,
         orient: "top",
-        padding: [ 8, 8, 8, 8 ],
+        position: "middle",
         maxRow: 1,
         title: {
-            visible: !1,
-            textStyle: {
-                fill: {
-                    type: "palette",
-                    key: "blackColors45"
-                },
-                fontSize: 12,
-                lineHeight: 21
-            }
+            visible: !1
         },
         item: {
             visible: !0,
-            spaceCol: 24,
-            spaceRow: 12,
-            padding: 0,
             background: {
                 visible: !1
             },
             shape: {
-                space: 4,
                 style: {
-                    size: 8,
                     symbolType: "circle"
-                },
-                state: {
-                    unSelected: {
-                        fill: "#D8D8D8"
-                    }
-                }
-            },
-            label: {
-                space: 100,
-                style: {
-                    fill: "#85878A",
-                    fontSize: 12,
-                    lineHeight: 12,
-                    opacity: 1,
-                    fontWeight: 400
-                },
-                state: {
-                    unSelected: {
-                        fill: "#D8D8D8",
-                        opacity: 1
-                    }
-                }
-            }
-        },
-        pager: {
-            handler: {
-                space: 8,
-                style: {
-                    size: 10,
-                    fill: {
-                        type: "palette",
-                        key: "blackColors100"
-                    }
                 }
-            },
-            textStyle: {
-                fill: {
-                    type: "palette",
-                    key: "blackColors45"
-                },
-                fontSize: 10
             }
         },
         allowAllCanceled: !1
-    },
-    colorLegend: {
-        horizontal: Object.assign(Object.assign({}, commonColorLegendTheme), {
-            handler: {
-                style: {
-                    symbolType: "rectRound",
-                    size: 16,
-                    scaleX: .5,
-                    fill: "#fff",
-                    lineWidth: 1,
-                    stroke: "#99B0F3",
-                    radius: 2,
-                    outerBorder: null
-                }
-            },
-            rail: {
-                height: 4,
-                width: 100,
-                style: {
-                    fill: "#DCDEE2"
-                }
-            }
-        }),
-        vertical: Object.assign(Object.assign({}, commonColorLegendTheme), {
-            handler: {
-                style: {
-                    symbolType: "rectRound",
-                    size: 16,
-                    scaleY: .5,
-                    fill: "#fff",
-                    lineWidth: 1,
-                    stroke: "#99B0F3",
-                    radius: 2,
-                    outerBorder: null
-                }
+    }
+};
+
+export const lineLegend = {
+    discreteLegend: {
+        visible: !0,
+        orient: "top",
+        position: "middle",
+        maxRow: 1,
+        title: {
+            visible: !1
+        },
+        item: {
+            visible: !0,
+            background: {
+                visible: !1
             },
-            rail: {
-                width: 4,
-                height: 100,
+            shape: {
                 style: {
-                    fill: "#DCDEE2"
+                    size: [ 8, 2 ],
+                    symbolType: "rect"
                 }
             }
-        })
+        },
+        allowAllCanceled: !1
     }
 };
 //# sourceMappingURL=legend.js.map

package/esm/common/component/legend.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nconst commonColorLegendTheme = {\n  handlerText: {\n    space: 10,\n    style: {\n      fontSize: 12,\n      fill: '#2C3542'\n    }\n  },\n  title: {\n    space: 5,\n    style: {\n      fontSize: 12,\n      fill: '#2C3542'\n    }\n  }\n};\n\nexport const legend: Partial<IComponentTheme> = {\n  discreteLegend: {\n    visible: true,\n    orient: 'top',\n    padding: [8, 8, 8, 8],\n    maxRow: 1,\n    title: {\n      visible: false,\n      textStyle: {\n        fill: { type: 'palette', key: 'blackColors45' },\n        fontSize: 12,\n        lineHeight: 21\n      }\n    },\n    item: {\n      visible: true,\n      spaceCol: 24,\n      spaceRow: 12,\n      padding: 0,\n      background: {\n        visible: false\n      },\n      shape: {\n        space: 4,\n        style: {\n          size: 8,\n          symbolType: 'circle'\n        },\n        state: { unSelected: { fill: '#D8D8D8' } }\n      },\n      label: {\n        space: 100,\n        style: {\n          fill: '#85878A',\n          fontSize: 12,\n          lineHeight: 12,\n          opacity: 1,\n          fontWeight: 400\n        },\n        state: {\n          unSelected: {\n            fill: '#D8D8D8',\n            opacity: 1\n          }\n        }\n      }\n    },\n    pager: {\n      handler: {\n        space: 8,\n        style: {\n          size: 10,\n          fill: {\n            type: 'palette',\n            key: 'blackColors100'\n          }\n        }\n      },\n      textStyle: {\n        fill: { type: 'palette', key: 'blackColors45' },\n        fontSize: 10\n      }\n    },\n    allowAllCanceled: false\n  },\n  colorLegend: {\n    horizontal: {\n      ...commonColorLegendTheme,\n      handler: {\n        style: {\n          symbolType: 'rectRound',\n          size: 16,\n          scaleX: 0.5,\n          fill: '#fff',\n          lineWidth: 1,\n          stroke: '#99B0F3',\n          radius: 2,\n          outerBorder: null\n        }\n      },\n      rail: {\n        height: 4,\n        width: 100,\n        style: {\n          fill: '#DCDEE2'\n        }\n      }\n    },\n    vertical: {\n      ...commonColorLegendTheme,\n      handler: {\n        style: {\n          symbolType: 'rectRound',\n          size: 16,\n          scaleY: 0.5,\n          fill: '#fff',\n          lineWidth: 1,\n          stroke: '#99B0F3',\n          radius: 2,\n          outerBorder: null\n        }\n      },\n      rail: {\n        width: 4,\n        height: 100,\n        style: {\n          fill: '#DCDEE2'\n        }\n      }\n    }\n  }\n};\n"]}
+{"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA6B;IAClD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oBACZ,UAAU,EAAE,MAAM;iBACnB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const legend: Partial<IComponentTheme> = {\n  discreteLegend: {\n    visible: true,\n    orient: 'top',\n    position: 'middle',\n    maxRow: 1,\n    title: {\n      visible: false\n    },\n    item: {\n      visible: true,\n      background: {\n        visible: false\n      },\n      shape: {\n        style: {\n          symbolType: 'circle'\n        }\n      }\n    },\n    allowAllCanceled: false\n  }\n};\n\nexport const lineLegend: Partial<IComponentTheme> = {\n  discreteLegend: {\n    visible: true,\n    orient: 'top',\n    position: 'middle',\n    maxRow: 1,\n    title: {\n      visible: false\n    },\n    item: {\n      visible: true,\n      background: {\n        visible: false\n      },\n      shape: {\n        style: {\n          size: [8, 2],\n          symbolType: 'rect'\n        }\n      }\n    },\n    allowAllCanceled: false\n  }\n};\n"]}

package/esm/common/component/tooltip.js

@@ -1,70 +1,12 @@
 export const tooltip = {
-    offset: {
-        x: 16,
-        y: 16
-    },
     panel: {
-        padding: {
-            top: 12,
-            left: 12,
-            right: 12,
-            bottom: 12
-        },
-        backgroundColor: {
-            type: "palette",
-            key: "popupBackgroundColor"
-        },
         border: {
-            color: {
-                type: "palette",
-                key: "popupBackgroundColor"
-            },
-            width: 0,
-            radius: 3
-        },
-        shadow: {
-            x: 0,
-            y: 0,
-            blur: 10,
-            spread: 0,
-            color: "#aeaeae"
+            radius: 8
         }
     },
-    spaceRow: 12,
-    titleLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: "#1D1D2E",
-        fontWeight: "500",
-        textAlign: "left",
-        textBaseline: "middle",
-        spacing: 0
-    },
     shape: {
-        size: 8,
-        spacing: 8
-    },
-    keyLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: {
-            type: "palette",
-            key: "blackColors65"
-        },
-        textAlign: "left",
-        textBaseline: "middle",
-        spacing: 12
-    },
-    valueLabel: {
-        fontSize: 12,
-        lineHeight: 12,
-        fontColor: {
-            type: "palette",
-            key: "blackColors65"
-        },
-        fontWeight: "normal",
-        textBaseline: "middle",
-        spacing: 0
+        shapeType: "circle",
+        size: 8
     }
 };
 //# sourceMappingURL=tooltip.js.map