sea-chart 2.0.29 → 2.0.30

package/dist/utils/chart-utils/base-utils.js

@@ -503,6 +503,8 @@ BaseUtils.shouldChartComponentUpdate = (prevProps, currentProps) => {
   // global theme changed
   !(0, _shallowequal.default)(prevProps.chartColorTheme, currentProps.chartColorTheme) ||
   // chart color theme changed
+  !(0, _shallowequal.default)(prevProps.resizeSignal, currentProps.resizeSignal) ||
+  // chart container resize changed
   _BaseUtils._isChartDataChange(prevProps, currentProps) || _BaseUtils.isChartStyleChanged(prevProps.chart, currentProps.chart);
 };
 BaseUtils._isCombinationDataChange = (prevResult, currentResult) => {

package/dist/view/index.js

@@ -250,16 +250,20 @@ class View extends _react.default.PureComponent {
   render() {
     var _title$text, _chart$config3;
     const {
-      chart,
+      // style
       className,
-      tables,
       canvasStyle,
       render,
       hideTitle = false,
       globalTheme,
       chartColorTheme,
+      resizeSignal,
+      // data
+      chart,
+      tables,
       isCalculateByView,
       dtableStoreValue,
+      // event
       integratedEventTypes,
       integratedEventBus,
       isBigScreenPlugin
@@ -329,6 +333,7 @@ class View extends _react.default.PureComponent {
       isCalculateByView: isCalculateByView,
       isBigScreenPlugin: isBigScreenPlugin,
       chartColorTheme: chartColorTheme,
+      resizeSignal: resizeSignal,
       integratedEventTypes: integratedEventTypes,
       integratedEventBus: integratedEventBus
     }))));
@@ -344,7 +349,7 @@ const propTypes = exports.propTypes = {
   hideTitle: _propTypes.default.bool,
   render: _propTypes.default.func,
   // User-defined rendering content
-
+  resizeSignal: _propTypes.default.number,
   // data
   chart: _propTypes.default.object.isRequired,
   tables: _propTypes.default.array.isRequired,

package/dist/view/wrapper/area-group.js

@@ -22,7 +22,7 @@ class AreaGroup extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -370,13 +370,13 @@ class AreaGroup extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
     super.componentWillUnmount();
   }

package/dist/view/wrapper/area.js

@@ -20,7 +20,7 @@ class Area extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -343,13 +343,13 @@ class Area extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
     super.componentWillUnmount();
   }

package/dist/view/wrapper/bar-compare.js

@@ -299,12 +299,13 @@ class BarCompare extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_chartUtils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
   }
   render() {
     const {

package/dist/view/wrapper/bar-custom-stack.js

@@ -21,7 +21,7 @@ class BarCustom extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = (0, _lodashEs.debounce)(() => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }, 300);
@@ -361,13 +361,13 @@ class BarCustom extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_chartUtils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.handleResize);
   }
   render() {

package/dist/view/wrapper/bar-group.js

@@ -22,7 +22,7 @@ class BarGroup extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -239,12 +239,13 @@ class BarGroup extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/bar-stack.js

@@ -23,7 +23,7 @@ class BarStack extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -342,12 +342,13 @@ class BarStack extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/bar.js

@@ -21,7 +21,7 @@ class Bar extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -228,12 +228,13 @@ class Bar extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/chart-component.js

@@ -27,15 +27,17 @@ class ChartComponent extends _react.Component {
       };
     };
     this.handleResize = (0, _lodashEs.debounce)(() => {
-      var _this$chart;
       if (!this.createChart || !this.drawChart) return;
-      ((_this$chart = this.chart) === null || _this$chart === void 0 ? void 0 : _this$chart.autoPadding) && this.chart.destroy();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
       if (this.needRenderAxisLabel) {
         this.renderAxisLabel(this.props.chart, this.props.tables);
       }
     }, 300);
+    this.destroyChart = () => {
+      this.chart.node() && this.chart.node().remove();
+    };
     this.getTitle = (tables, table_id, yAxisType, yAxisKey) => {
       return yAxisType === _constants.CHART_SUMMARY_TYPE.COUNT ? _intl.default.get('Amount') : this.getAxisLabel(tables, table_id, yAxisKey);
     };
@@ -1676,14 +1678,14 @@ class ChartComponent extends _react.Component {
     this.transitionDuration = 500;
     this.areaTransitionDuration = 200;
   }
+  componentDidMount() {
+    window.addEventListener('resize', this.handleResize);
+  }
   componentDidUpdate(prevProps) {
     if (prevProps.globalTheme !== this.props.globalTheme) {
       this.initLabelStroke(this.props.globalTheme);
     }
   }
-  componentDidMount() {
-    window.addEventListener('resize', this.handleResize);
-  }
   componentWillUnmount() {
     window.removeEventListener('resize', this.handleResize);
   }

package/dist/view/wrapper/combination.js

@@ -21,7 +21,7 @@ class Combination extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -458,12 +458,13 @@ class Combination extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/completeness-group.js

@@ -20,7 +20,7 @@ class Completeness extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -357,12 +357,14 @@ class Completeness extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
+      this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
     super.componentWillUnmount();
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/completeness.js

@@ -20,7 +20,7 @@ class Completeness extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -300,12 +300,14 @@ class Completeness extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
+      this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
     super.componentWillUnmount();
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/horizontal-bar-group.js

@@ -23,7 +23,7 @@ class HorizontalBarGroup extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = (0, _lodashEs.debounce)(() => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }, 300);
@@ -253,14 +253,13 @@ class HorizontalBarGroup extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    var _this$chart;
-    ((_this$chart = this.chart) === null || _this$chart === void 0 ? void 0 : _this$chart.autoPadding) && this.chart.destroy();
+    this.destroyChart();
     window.removeEventListener('resize', this.handleResize);
   }
   render() {

package/dist/view/wrapper/horizontal-bar-stack.js

@@ -23,7 +23,7 @@ class HorizontalBarStack extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = (0, _lodashEs.debounce)(() => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }, 300);
@@ -327,7 +327,7 @@ class HorizontalBarStack extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }

package/dist/view/wrapper/horizontal-bar.js

@@ -21,7 +21,7 @@ class HorizontalBar extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -234,12 +234,14 @@ class HorizontalBar extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
+      this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
     super.componentWillUnmount();
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/index.js

@@ -49,7 +49,8 @@ const Wrapper = _ref => {
     chartColorTheme,
     integratedEventTypes,
     integratedEventBus,
-    isBigScreenPlugin
+    isBigScreenPlugin,
+    resizeSignal
   } = _ref;
   const [statisticRecords, setStatisticRecords] = (0, _react.useState)({});
   const [pivotTableColumnRow, setPivotTableColumnRow] = (0, _react.useState)({});
@@ -89,6 +90,7 @@ const Wrapper = _ref => {
       summaryColumnsWithMethod,
       globalTheme,
       chartColorTheme,
+      resizeSignal,
       toggleRecords: toggleStatisticRecordsDialog,
       isCalculateByView,
       isBigScreenPlugin

package/dist/view/wrapper/line-group.js

@@ -22,7 +22,7 @@ class LineGroup extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -353,12 +353,13 @@ class LineGroup extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/line.js

@@ -20,7 +20,7 @@ class Line extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -330,12 +330,13 @@ class Line extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

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

@@ -22,7 +22,7 @@ class MapBubble extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -228,12 +228,13 @@ class MapBubble extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/map-world-bubble.js

@@ -22,7 +22,7 @@ class MapBubble extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -227,12 +227,13 @@ class MapBubble extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

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

@@ -23,7 +23,7 @@ class Map extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -240,12 +240,13 @@ class Map extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/map.js

@@ -23,7 +23,7 @@ class Map extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -228,12 +228,13 @@ class Map extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/pie.js

@@ -19,6 +19,11 @@ var _chartComponent = _interopRequireDefault(require("./chart-component"));
 class Pie extends _chartComponent.default {
   constructor(props) {
     super(props);
+    this.handleResize = () => {
+      this.destroyChart();
+      this.createChart();
+      this.drawChart();
+    };
     this.createChart = () => {
       const {
         chart
@@ -32,11 +37,6 @@ class Pie extends _chartComponent.default {
       };
       this.initChart(this.container, chart === null || chart === void 0 ? void 0 : chart.id, initConfig);
     };
-    this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
-      this.createChart();
-      this.drawChart();
-    };
     this.drawChart = () => {
       const {
         result: data,
@@ -236,13 +236,13 @@ class Pie extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/ring.js

@@ -19,6 +19,11 @@ var _chartComponent = _interopRequireDefault(require("./chart-component"));
 class Ring extends _chartComponent.default {
   constructor(props) {
     super(props);
+    this.handleResize = () => {
+      this.destroyChart();
+      this.createChart();
+      this.drawChart();
+    };
     this.createChart = () => {
       const {
         chart
@@ -32,11 +37,6 @@ class Ring extends _chartComponent.default {
       };
       this.initChart(this.container, chart === null || chart === void 0 ? void 0 : chart.id, initConfig);
     };
-    this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
-      this.createChart();
-      this.drawChart();
-    };
     this.drawChart = () => {
       const {
         result: data,
@@ -289,13 +289,13 @@ class Ring extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/dist/view/wrapper/scatter.js

@@ -21,7 +21,7 @@ class Scatter extends _chartComponent.default {
   constructor(props) {
     super(props);
     this.handleResize = () => {
-      this.chart.node() && this.chart.node().remove();
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     };
@@ -290,12 +290,13 @@ class Scatter extends _chartComponent.default {
   componentDidUpdate(prevProps) {
     super.componentDidUpdate(prevProps);
     if (_utils.BaseUtils.shouldChartComponentUpdate(prevProps, this.props)) {
+      this.destroyChart();
       this.createChart();
       this.drawChart();
     }
   }
   componentWillUnmount() {
-    this.chart.node() && this.chart.node().remove();
+    this.destroyChart();
     window.removeEventListener('resize', this.debouncedHandleResize);
   }
   render() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "2.0.29",
+  "version": "2.0.30",
   "main": "./dist/index.js",
   "dependencies": {
     "@dnd-kit/core": "^6.1.0",
@@ -158,4 +158,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}