@alicloud/cloud-charts/es/Wshoot/index.js


'use strict';

import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
import _extends from "@babel/runtime/helpers/extends";
import _inheritsLoose from "@babel/runtime/helpers/inheritsLoose";
var _excluded = ["className", "data", "config", "getPosition"];
import * as React from 'react';
import classNames from 'classnames';
import chartLog from "../common/log";
import Shoot from './shoot';
import { PrefixName } from '../constants';
import "./index.css";
var prefix = PrefixName + "-wshoot";
var Wshoot = /*#__PURE__*/function (_React$Component) {
  _inheritsLoose(Wshoot, _React$Component);
  function Wshoot(props) {
    var _this;
    _this = _React$Component.call(this, props) || this;

    // 图表初始化时记录日志
    _this.canvas = null;
    _this.shoot = null;
    chartLog('Wshoot', 'init');
    return _this;
  }
  var _proto = Wshoot.prototype;
  _proto.componentDidMount = function componentDidMount() {
    var _this$props = this.props,
      width = _this$props.width,
      height = _this$props.height,
      config = _this$props.config,
      getPosition = _this$props.getPosition,
      data = _this$props.data;
    this.shoot = new Shoot(this.canvas, getPosition, _extends({
      width: width,
      height: height
    }, config));
    this.shoot.draw(data);
  };
  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
    var _this$props2 = this.props,
      newData = _this$props2.data,
      newWidth = _this$props2.width,
      newHeight = _this$props2.height,
      getPosition = _this$props2.getPosition;
    var oldData = prevProps.data,
      oldWidth = prevProps.width,
      oldHeight = prevProps.height;
    // 更新 getPosition 函数
    this.shoot.getPosition = getPosition;
    // 绘制飞线
    if (newData !== oldData) {
      this.shoot.draw(newData);
    }
    // 调整尺寸
    if (newWidth !== oldWidth || newHeight !== oldHeight) {
      this.shoot.changeSize(newWidth, newHeight);
    }
  };
  _proto.componentWillUnmount = function componentWillUnmount() {
    this.shoot && this.shoot.destroy();
  };
  _proto.render = function render() {
    var _classNames,
      _this2 = this;
    var _this$props3 = this.props,
      className = _this$props3.className,
      data = _this$props3.data,
      config = _this$props3.config,
      getPosition = _this$props3.getPosition,
      otherProps = _objectWithoutPropertiesLoose(_this$props3, _excluded);
    var mainClasses = classNames(prefix, (_classNames = {}, _classNames[className] = !!className, _classNames));
    return /*#__PURE__*/React.createElement("canvas", _extends({
      className: mainClasses
    }, otherProps, {
      ref: function ref(c) {
        return _this2.canvas = c;
      }
    }));
  };
  return Wshoot;
}(React.Component);
Wshoot.defaultProps = {
  width: 800,
  height: 600,
  config: {}
};
export { Wshoot as default };