message: datapicker update
diff: import React from 'react';
  import PropTypes from 'prop-types';
  import classNames from 'classnames';
  -import Popover from '../../Popover';
  +import Popover from '../../Popover/index.tsx';
  import scrollIntoView from 'dom-scroll-into-view';
  -import '../styles/YearAndMonthPopover.less'
  +import '../styles/YearAndMonthPopover.less';
  export default class YearAndMonthPopover extends React.Component {
  @@ -13,21 +13,24 @@ export default class YearAndMonthPopover extends React.Component {
  onChange: PropTypes.func,
  children: PropTypes.node,
  value: PropTypes.number
  - }
  + };
  constructor(props) {
  super(props);
  this.state = {
  visible: false,
  - }
  + };
  }
  scrollToOption = () => {
  const menu = this.refs.root;
  const active = menu.getElementsByClassName('active')[0];
  - active && scrollIntoView(active, menu);
  - }
  + active && scrollIntoView(active, menu, {
  + offsetTop: 91,
  + alignWithTop: true,
  + });
  + };
  handleOnClick(item) {
  this.setState({
  @@ -40,10 +43,10 @@ export default class YearAndMonthPopover extends React.Component {
  handleVisibleChange = (visible) => {
  this.setState({visible}, () => {
  if (visible) {
  - this.scrollToOption()
  + this.scrollToOption();
  }
  });
  - }
  + };
  render() {
  const {children, sourceData, value} = this.props;
  @@ -70,11 +73,12 @@ export default class YearAndMonthPopover extends React.Component {
  );
  })}
  </div>
  - )
  + );
  };
  return (
  <Popover
  + transitionName={''}
  content={content()}
  trigger="click"
  placement="bottom"
  