💹 Remove unused resize fns in Pie

src/components/Charts/Pie/index.js

@@ -6,7 +6,6 @@ import classNames from 'classnames';
 import ReactFitText from 'react-fittext';
 import Debounce from 'lodash-decorators/debounce';
 import Bind from 'lodash-decorators/bind';
-import ResizeObserver from 'resize-observer-polyfill';
 import styles from './index.less';
 
 /* eslint react/no-danger:0 */
@@ -17,17 +16,6 @@ class Pie extends Component {
     legendBlock: false,
   };
 
-  componentDidMount() {
-    window.addEventListener(
-      'resize',
-      () => {
-        this.requestRef = requestAnimationFrame(() => this.resize());
-      },
-      { passive: true }
-    );
-    this.resizeObserver();
-  }
-
   componentDidUpdate(preProps) {
     const { data } = this.props;
     if (data !== preProps.data) {
@@ -37,20 +25,10 @@ class Pie extends Component {
     }
   }
 
-  componentWillUnmount() {
-    window.cancelAnimationFrame(this.requestRef);
-    window.removeEventListener('resize', this.resize);
-    this.resize.cancel();
-    if (this.chartDom) {
-      this.resizeObserverInstance.unobserve(this.chartDom);
-    }
-  }
-
   getG2Instance = chart => {
     this.chart = chart;
     requestAnimationFrame(() => {
       this.getLegendData();
-      this.resize();
     });
   };
 
@@ -96,23 +74,6 @@ class Pie extends Component {
     });
   };
 
-  resizeObserver() {
-    this.resizeObserverInstance = new ResizeObserver(entries => {
-      const { height } = entries[0].contentRect;
-      this.setState(preState => {
-        if (preState.height !== height) {
-          return {
-            height,
-          };
-        }
-        return null;
-      });
-    });
-    if (this.chartDom) {
-      this.resizeObserverInstance.observe(this.chartDom);
-    }
-  }
-
   // for window resize auto responsive legend
   @Bind()
   @Debounce(300)
@@ -226,11 +187,6 @@ class Pie extends Component {
 
     return (
       <div ref={this.handleRoot} className={pieClassName} style={style}>
-        <div
-          ref={ref => {
-            this.chartDom = ref;
-          }}
-        >
         <ReactFitText maxFontSize={25}>
           <div className={styles.chart}>
             <Chart
@@ -264,7 +220,6 @@ class Pie extends Component {
             )}
           </div>
         </ReactFitText>
-        </div>
         {hasLegend && (
           <ul className={styles.legend}>
             {legendData.map((item, i) => (