sea-chart 1.1.64 → 2.0.0

package/dist/view/wrapper/completeness.js

@@ -1,11 +1,19 @@
-import classnames from 'classnames';
-import React, { useEffect, useRef } from 'react';
-import { maxBy } from 'lodash-es';
-import { BaseUtils, isBoolean } from '../../utils';
-import intl from '../../intl';
-import { CHART_TYPE, CHART_THEME_COLOR } from '../../constants';
-import ChartComponent from './chart-component';
-export default function Completeness(_ref) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Completeness;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _lodashEs = require("lodash-es");
+var _utils = require("../../utils");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _constants = require("../../constants");
+var _chartComponent = _interopRequireDefault(require("./chart-component"));
+function Completeness(_ref) {
   var _chartRef$current, _chartRef$current2;
   let {
     chart,
@@ -16,11 +24,11 @@ export default function Completeness(_ref) {
     globalTheme,
     chartColorTheme
   } = _ref;
-  const chartRef = useRef(null);
-  const chartContainerRef = useRef(null);
-  useEffect(() => {
+  const chartRef = (0, _react.useRef)(null);
+  const chartContainerRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     if (!chartRef.current) {
-      const chartComponent = new ChartComponent({});
+      const chartComponent = new _chartComponent.default({});
       chartRef.current = chartComponent;
     }
     const currentChart = chartRef.current;
@@ -33,8 +41,8 @@ export default function Completeness(_ref) {
         style_config,
         config
       } = chart;
-      chartPaddingTop = ((_style_config$title = style_config.title) === null || _style_config$title === void 0 ? void 0 : _style_config$title.text) ? 17 : 0;
-      const chartPaddingRight = (config === null || config === void 0 ? void 0 : config.show_percentage) ? 45 : 0;
+      chartPaddingTop = (_style_config$title = style_config.title) !== null && _style_config$title !== void 0 && _style_config$title.text ? 17 : 0;
+      const chartPaddingRight = config !== null && config !== void 0 && config.show_percentage ? 45 : 0;
       const appendPadding = [chartPaddingTop, chartPaddingRight, 0, 0];
       currentChart.initChart(chartContainerRef.current, {
         appendPadding
@@ -44,7 +52,7 @@ export default function Completeness(_ref) {
       });
     }
     function drawChart() {
-      const currentData = BaseUtils.formatEmptyName(data, '', intl.get('Empty'));
+      const currentData = _utils.BaseUtils.formatEmptyName(data, '', _intl.default.get('Empty'));
       if (!Array.isArray(currentData)) return;
       currentChart.loadData(currentData);
       draw(currentData);
@@ -54,15 +62,15 @@ export default function Completeness(_ref) {
       });
     }
     function draw(data) {
-      const theme = CHART_THEME_COLOR[globalTheme];
+      const theme = _constants.CHART_THEME_COLOR[globalTheme];
       const {
         label_font_size,
         column_groupby_column_key,
         type
       } = chart.config;
-      const isGroup = type === CHART_TYPE.COMPLETENESS_GROUP ? true : false;
+      const isGroup = type === _constants.CHART_TYPE.COMPLETENESS_GROUP ? true : false;
       let currentIdx = 0;
-      const colors = BaseUtils.getCurrentTheme(chartColorTheme).colors;
+      const colors = _utils.BaseUtils.getCurrentTheme(chartColorTheme).colors;
       const colorMap = data.reduce((acc, cur) => {
         if (cur.groupby && !acc[cur.groupby]) {
           acc[cur.groupby] = colors[currentIdx++ % colors.length];
@@ -98,7 +106,7 @@ export default function Completeness(_ref) {
       if (!isGroup) {
         singleBarWidth = Math.round(chartHeight / (2 * newData.length));
       } else {
-        const maxGroupCount = maxBy(newData, 'currentGroupCount');
+        const maxGroupCount = (0, _lodashEs.maxBy)(newData, 'currentGroupCount');
         singleBarWidth = Math.round(chartHeight / (2 * newData.length * maxGroupCount.currentGroupCount));
       }
       singleBarRadius = Math.min(singleBarWidth / 5, 10);
@@ -106,7 +114,7 @@ export default function Completeness(_ref) {
       let {
         show_percentage
       } = chart.config;
-      show_percentage = isBoolean(show_percentage) ? show_percentage : true;
+      show_percentage = (0, _utils.isBoolean)(show_percentage) ? show_percentage : true;
       currentChart.drawLabels(newData);
 
       // set Coord type
@@ -120,14 +128,14 @@ export default function Completeness(_ref) {
           return '';
         },
         style: {
-          fontSize: BaseUtils.getLabelFontSize(label_font_size),
+          fontSize: _utils.BaseUtils.getLabelFontSize(label_font_size),
           fill: theme.labelColor,
           ...currentChart.labelStroke
         }
       }).position('name*value').size(singleBarWidth).color(colorField, colorFieldCb).adjust(adjustType).tooltip('name*group_name*value', (name, group_name, value) => {
         return {
           title: name,
-          name: intl.get(group_name),
+          name: _intl.default.get(group_name),
           value: value
         };
       }).state({
@@ -156,8 +164,8 @@ export default function Completeness(_ref) {
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [chart, chartColorTheme, data, globalTheme, summaryColumn, tables]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames('sea-chart-completeness-chart sea-chart-container', {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('sea-chart-completeness-chart sea-chart-container', {
       'show-x-axis-label': (_chartRef$current = chartRef.current) === null || _chartRef$current === void 0 ? void 0 : _chartRef$current.isShowXAxisLabel(chart),
       'show-y-axis-label': (_chartRef$current2 = chartRef.current) === null || _chartRef$current2 === void 0 ? void 0 : _chartRef$current2.isShowYAxisLabel(chart)
     }),

package/dist/view/wrapper/dashboard.js

@@ -1,9 +1,16 @@
-import React, { Component } from 'react';
-import { isNumber } from 'dtable-utils';
-import { Chart, registerShape } from '../../utils/custom-g2';
-import { BaseUtils, isFunction } from '../../utils';
-import { CHART_THEME_COLOR } from '../../constants';
-class Dashboard extends Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _customG = require("../../utils/custom-g2");
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+class Dashboard extends _react.Component {
   constructor() {
     super(...arguments);
     this.componentDidMount = () => {
@@ -17,12 +24,12 @@ class Dashboard extends Component {
         result,
         customRender
       } = this.props;
-      const theme = CHART_THEME_COLOR[globalTheme];
-      const value = isNumber(result) ? result : 0;
+      const theme = _constants.CHART_THEME_COLOR[globalTheme];
+      const value = (0, _dtableUtils.isNumber)(result) ? result : 0;
       const {
         config
       } = chart;
-      this.chart = new Chart({
+      this.chart = new _customG.Chart({
         container: this.container,
         autoFit: true,
         width: '100%',
@@ -31,7 +38,7 @@ class Dashboard extends Component {
       this.chart.on('interval:click', e => {
         this.props.toggleRecords(e.data.data);
       });
-      registerShape('point', 'pointer', {
+      (0, _customG.registerShape)('point', 'pointer', {
         draw(cfg, container) {
           const group = container.addGroup();
           const center = this.parsePoint({
@@ -150,23 +157,23 @@ class Dashboard extends Component {
         },
         offsetY: 0
       });
-      isFunction(customRender) && customRender(this.chart);
+      (0, _utils.isFunction)(customRender) && customRender(this.chart);
       this.chart.render();
       this.container.title = "".concat(data[0].value * 10, " %");
     };
   }
   componentDidUpdate(prevProps) {
-    if (BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+    if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
       var _this$chart;
       ((_this$chart = this.chart) === null || _this$chart === void 0 ? void 0 : _this$chart.autoPadding) && this.chart.destroy();
       this.drawChart();
     }
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.container = ref,
       className: "sea-chart-container "
     });
   }
 }
-export default Dashboard;
+var _default = exports.default = Dashboard;

package/dist/view/wrapper/funnel.js

@@ -1,10 +1,17 @@
-import React from 'react';
-import { DataSet } from '@antv/data-set';
-import classNames from 'classnames';
-import { BaseUtils, getSortedDataByGivenOrder } from '../../utils';
-import { CHART_THEME_COLOR, FUNNEL_LABEL_FORMAT, FUNNEL_LABEL_POSITIONS } from '../../constants';
-import ChartComponent from './chart-component';
-class Funnel extends ChartComponent {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _dataSet = require("@antv/data-set");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _chartComponent = _interopRequireDefault(require("./chart-component"));
+class Funnel extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.createChart = () => {
@@ -26,7 +33,7 @@ class Funnel extends ChartComponent {
         funnel_accumulate_values
       } = chart.config;
       if (!x_axis_option_list.length) return;
-      const sortedData = getSortedDataByGivenOrder(data, x_axis_option_list);
+      const sortedData = (0, _utils.getSortedDataByGivenOrder)(data, x_axis_option_list);
       sortedData.total = 0;
       sortedData.forEach(item => {
         sortedData.total += item.value;
@@ -38,7 +45,7 @@ class Funnel extends ChartComponent {
       }
       const {
         DataView
-      } = DataSet;
+      } = _dataSet.DataSet;
       const dv = new DataView().source(sortedData);
       dv.transform({
         type: 'map',
@@ -72,9 +79,9 @@ class Funnel extends ChartComponent {
         funnel_show_labels,
         funnel_show_overall_rate
       } = chart.config;
-      const theme = CHART_THEME_COLOR[globalTheme];
+      const theme = _constants.CHART_THEME_COLOR[globalTheme];
       const title = this.getTitle(tables, table_id, y_axis_summary_type, y_axis_column_key || y_axis_summary_column_key);
-      const isInside = funnel_label_position === FUNNEL_LABEL_POSITIONS.INSIDE;
+      const isInside = funnel_label_position === _constants.FUNNEL_LABEL_POSITIONS.INSIDE;
       let labelStyle;
       if (isInside) {
         labelStyle = {
@@ -98,9 +105,9 @@ class Funnel extends ChartComponent {
         };
       }
       const contentFormatterMap = {
-        [FUNNEL_LABEL_FORMAT.NUMBER]: obj => obj.value,
-        [FUNNEL_LABEL_FORMAT.PERCENTAGE]: obj => ((obj === null || obj === void 0 ? void 0 : obj.percent) || 0) + '%',
-        [FUNNEL_LABEL_FORMAT.NUMBER_AND_PERCENTAGE]: obj => "".concat(obj.value, " (").concat((obj === null || obj === void 0 ? void 0 : obj.percent) || 0, "%)")
+        [_constants.FUNNEL_LABEL_FORMAT.NUMBER]: obj => obj.value,
+        [_constants.FUNNEL_LABEL_FORMAT.PERCENTAGE]: obj => ((obj === null || obj === void 0 ? void 0 : obj.percent) || 0) + '%',
+        [_constants.FUNNEL_LABEL_FORMAT.NUMBER_AND_PERCENTAGE]: obj => "".concat(obj.value, " (").concat((obj === null || obj === void 0 ? void 0 : obj.percent) || 0, "%)")
       };
       this.chart.axis(false);
       this.chart.coordinate('rect').transpose().scale(1, -1);
@@ -114,7 +121,7 @@ class Funnel extends ChartComponent {
       }, labelStyle).tooltip('name*value', (name, value) => {
         return {
           title,
-          value: BaseUtils.getSummaryValueDisplayString(summaryColumn, value, y_axis_summary_method),
+          value: _utils.BaseUtils.getSummaryValueDisplayString(summaryColumn, value, y_axis_summary_method),
           name
         };
       }).animate({
@@ -178,7 +185,7 @@ class Funnel extends ChartComponent {
     this.drawChart();
   }
   componentDidUpdate(prevProps) {
-    if (BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+    if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
       var _this$chart;
       ((_this$chart = this.chart) === null || _this$chart === void 0 ? void 0 : _this$chart.autoPadding) && this.chart.destroy();
       this.createChart();
@@ -190,10 +197,10 @@ class Funnel extends ChartComponent {
     ((_this$chart2 = this.chart) === null || _this$chart2 === void 0 ? void 0 : _this$chart2.autoPadding) && this.chart.destroy();
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames('sea-chart-container'),
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('sea-chart-container'),
       ref: ref => this.container = ref
     });
   }
 }
-export default Funnel;
+var _default = exports.default = Funnel;

package/dist/view/wrapper/heat-map.js

@@ -1,17 +1,24 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import dayjs from 'dayjs';
-import weekOfYear from 'dayjs/plugin/weekOfYear';
-import { getTableById, getTableColumnByKey, getNumberDisplayString } from 'dtable-utils';
-import { registerShape, getRectWithCornerRadius } from '../../utils/custom-g2';
-import intl from '../../intl';
-import { BaseUtils } from '../../utils';
-import { CHART_SUMMARY_TYPE, TITLE_AMOUNT, DEFAULT_GRID_SIZE, DEFAULT_GRID_DISTANCE, DEFAULT_NUMBER_FORMAT_OBJECT, MONTH_MIRROR } from '../../constants';
-import { FILL_BORDER_COLOR_MAP, COLOR_OPTIONS } from '../../constants/style';
-import ChartComponent from './chart-component';
-dayjs.extend(weekOfYear);
-class HeatMap extends ChartComponent {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _weekOfYear = _interopRequireDefault(require("dayjs/plugin/weekOfYear"));
+var _dtableUtils = require("dtable-utils");
+var _customG = require("../../utils/custom-g2");
+var _intl = _interopRequireDefault(require("../../intl"));
+var _utils = require("../../utils");
+var _constants = require("../../constants");
+var _style = require("../../constants/style");
+var _chartComponent = _interopRequireDefault(require("./chart-component"));
+_dayjs.default.extend(_weekOfYear.default);
+class HeatMap extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.createChart = () => {
@@ -26,8 +33,8 @@ class HeatMap extends ChartComponent {
         grid_size,
         grid_distance
       } = chart.config;
-      grid_size = grid_size || DEFAULT_GRID_SIZE;
-      grid_distance = grid_distance || DEFAULT_GRID_DISTANCE;
+      grid_size = grid_size || _constants.DEFAULT_GRID_SIZE;
+      grid_distance = grid_distance || _constants.DEFAULT_GRID_DISTANCE;
       const yearHeight = grid_size * 7 + grid_distance * 6 + 8;
       const height = (yearHeight + 30) * count + 30 + (count - 1) * 15;
       const width = grid_size * 53 + grid_distance * 52 + 75; // 75: left padding + right padding
@@ -46,7 +53,7 @@ class HeatMap extends ChartComponent {
     this.transformData = statData => {
       if (statData.length !== 0) {
         let data = {};
-        let yearFirstDate = dayjs(statData[0].name);
+        let yearFirstDate = (0, _dayjs.default)(statData[0].name);
         this.firstDate = yearFirstDate.year() + '-01-01';
         statData.forEach(item => {
           data[item.name] = data[item.name] ? data[item.name] + item.value : item.value;
@@ -108,7 +115,7 @@ class HeatMap extends ChartComponent {
       return Math.ceil(context.measureText(text).width);
     };
     this.getLabel = val => {
-      const currentDate = dayjs(this.firstDate).add(val * 7, 'days');
+      const currentDate = (0, _dayjs.default)(this.firstDate).add(val * 7, 'days');
       let month = currentDate.month();
       let monthDate = currentDate.date();
       let isFirst = monthDate <= 7 || false;
@@ -116,7 +123,7 @@ class HeatMap extends ChartComponent {
       // if the week is the first week of a month
       // mark it to axis
       if (isFirst) {
-        return intl.get(MONTH_MIRROR[month]);
+        return _intl.default.get(_constants.MONTH_MIRROR[month]);
       }
       return '';
     };
@@ -124,7 +131,7 @@ class HeatMap extends ChartComponent {
       let {
         result: data
       } = this.props;
-      data = BaseUtils.formatEmptyName(data.data, '', intl.get('Empty'));
+      data = _utils.BaseUtils.formatEmptyName(data.data, '', _intl.default.get('Empty'));
       if (!Array.isArray(data)) return;
       this.draw(data);
       this.renderAxisLabel(this.props.chart, this.props.tables);
@@ -137,13 +144,13 @@ class HeatMap extends ChartComponent {
       } = this.props;
       let {
         data_color,
-        grid_size = DEFAULT_GRID_SIZE,
-        grid_distance = DEFAULT_GRID_DISTANCE,
+        grid_size = _constants.DEFAULT_GRID_SIZE,
+        grid_distance = _constants.DEFAULT_GRID_DISTANCE,
         table_id,
         summary_type,
         summary_column
       } = chart.config;
-      const currentColorOption = COLOR_OPTIONS.filter(item => item.name === data_color)[0] || COLOR_OPTIONS[0];
+      const currentColorOption = _style.COLOR_OPTIONS.filter(item => item.name === data_color)[0] || _style.COLOR_OPTIONS[0];
       const {
         exampleColors
       } = currentColorOption;
@@ -153,7 +160,7 @@ class HeatMap extends ChartComponent {
         showTitle: false,
         shared: true,
         containerTpl: '<div class="g2-tooltip"><div class="g2-tooltip-list"></div></div>',
-        itemTpl: "<div class=\"g2-tooltip-content\"><div style=\"width: max-content; text-align: left;\" class=\"tooltip-name\">{date}<div><div style=\"word-break: keep-all;\"  class=\"tooltip-item\">".concat(intl.get(TITLE_AMOUNT), " : {value}<div></div>"),
+        itemTpl: "<div class=\"g2-tooltip-content\"><div style=\"width: max-content; text-align: left;\" class=\"tooltip-name\">{date}<div><div style=\"word-break: keep-all;\"  class=\"tooltip-item\">".concat(_intl.default.get(_constants.TITLE_AMOUNT), " : {value}<div></div>"),
         domStyles: {
           'g2-tooltip': {
             borderRadius: '2px',
@@ -168,11 +175,11 @@ class HeatMap extends ChartComponent {
       this.chart.axis(false);
       this.chart.data(data);
       const themeColors = this.getThemeColors();
-      let columnData = DEFAULT_NUMBER_FORMAT_OBJECT;
-      if (summary_type === CHART_SUMMARY_TYPE.ADVANCED) {
-        const table = getTableById(tables, table_id);
-        const summaryColumn = getTableColumnByKey(table, summary_column) || {};
-        columnData = summaryColumn.data || DEFAULT_NUMBER_FORMAT_OBJECT;
+      let columnData = _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
+      if (summary_type === _constants.CHART_SUMMARY_TYPE.ADVANCED) {
+        const table = (0, _dtableUtils.getTableById)(tables, table_id);
+        const summaryColumn = (0, _dtableUtils.getTableColumnByKey)(table, summary_column) || {};
+        columnData = summaryColumn.data || _constants.DEFAULT_NUMBER_FORMAT_OBJECT;
       }
       const yearHeight = grid_size * 7 + grid_distance * 6 + 8;
       this.chart.facet('list', {
@@ -227,7 +234,7 @@ class HeatMap extends ChartComponent {
           gridView.scale({
             day: {
               type: 'cat',
-              values: [intl.get('Sun'), intl.get('Mon'), intl.get('Tue'), intl.get('Wed'), intl.get('Thu'), intl.get('Fri'), intl.get('Sat')]
+              values: [_intl.default.get('Sun'), _intl.default.get('Mon'), _intl.default.get('Tue'), _intl.default.get('Wed'), _intl.default.get('Thu'), _intl.default.get('Fri'), _intl.default.get('Sat')]
             },
             week: {
               type: 'cat'
@@ -252,7 +259,7 @@ class HeatMap extends ChartComponent {
           }).shape('boundary-polygon').label(false).tooltip('date*value', (date, value) => {
             return {
               date,
-              value: getNumberDisplayString(value, columnData)
+              value: (0, _dtableUtils.getNumberDisplayString)(value, columnData)
             };
           });
           gridView.coordinate().reflect('y');
@@ -277,19 +284,19 @@ class HeatMap extends ChartComponent {
         this.chart.render();
       });
     };
-    dayjs.locale('en');
+    _dayjs.default.locale('en');
     this.chart = null;
     this.maxValue = 0;
   }
   componentDidMount() {
-    registerShape('polygon', 'boundary-polygon', {
+    (0, _customG.registerShape)('polygon', 'boundary-polygon', {
       draw(cfg, container) {
         if (cfg && cfg.points && cfg.points.length > 0) {
           const group = container.addGroup();
           let attrs = {
             fill: cfg.color,
             lineWidth: 1,
-            stroke: FILL_BORDER_COLOR_MAP[cfg.color]
+            stroke: _style.FILL_BORDER_COLOR_MAP[cfg.color]
           };
           const {
             points,
@@ -311,7 +318,7 @@ class HeatMap extends ChartComponent {
           p3.x = p0.x + offset;
           p3.y = p0.y;
           // get cell path that has radius, the cell radius is 2;
-          const path = getRectWithCornerRadius(parsedPoint, this.coordinate, 2);
+          const path = (0, _customG.getRectWithCornerRadius)(parsedPoint, this.coordinate, 2);
           attrs.path = path;
           group.addShape('path', {
             attrs,
@@ -327,7 +334,7 @@ class HeatMap extends ChartComponent {
   }
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
-    if (BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+    if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
       var _this$chart;
       ((_this$chart = this.chart) === null || _this$chart === void 0 ? void 0 : _this$chart.autoPadding) && this.chart.destroy();
       this.createChart();
@@ -362,11 +369,11 @@ class HeatMap extends ChartComponent {
       x: p0.x + 12,
       y: p0.y
     };
-    const path = getRectWithCornerRadius([p0, p1, p2, p3], this.chart.coordinateInstance, 2);
+    const path = (0, _customG.getRectWithCornerRadius)([p0, p1, p2, p3], this.chart.coordinateInstance, 2);
     return path;
   }
   getLegendItems(colors) {
-    const text = intl.get('Less');
+    const text = _intl.default.get('Less');
     const textWidth = this.getTextWidthInCanvas(text);
     const items = [{
       name: text,
@@ -389,13 +396,13 @@ class HeatMap extends ChartComponent {
           style: {
             fill: color,
             lineWidth: 1,
-            stroke: FILL_BORDER_COLOR_MAP[color],
+            stroke: _style.FILL_BORDER_COLOR_MAP[color],
             r: 5
           }
         }
       });
     });
-    items[9].name = intl.get('More');
+    items[9].name = _intl.default.get('More');
     items[9].marker.spacing = 22;
     return items;
   }
@@ -403,8 +410,8 @@ class HeatMap extends ChartComponent {
     const {
       chart
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames('sea-chart-container w-100', {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)('sea-chart-container w-100', {
         'show-x-axis-label': this.isShowXAxisLabel(chart),
         'show-y-axis-label': this.isShowYAxisLabel(chart)
       }),
@@ -413,15 +420,15 @@ class HeatMap extends ChartComponent {
   }
 }
 HeatMap.propTypes = {
-  canvasStyle: PropTypes.object,
-  chart: PropTypes.object,
-  groupbyColumn: PropTypes.object,
-  columnGroupbyColumn: PropTypes.object,
-  summaryColumn: PropTypes.object,
-  result: PropTypes.object,
-  tables: PropTypes.array,
-  theme: PropTypes.object,
-  toggleRecords: PropTypes.func,
-  customRender: PropTypes.func
+  canvasStyle: _propTypes.default.object,
+  chart: _propTypes.default.object,
+  groupbyColumn: _propTypes.default.object,
+  columnGroupbyColumn: _propTypes.default.object,
+  summaryColumn: _propTypes.default.object,
+  result: _propTypes.default.object,
+  tables: _propTypes.default.array,
+  theme: _propTypes.default.object,
+  toggleRecords: _propTypes.default.func,
+  customRender: _propTypes.default.func
 };
-export default HeatMap;
+var _default = exports.default = HeatMap;