message: feat: update tabs keyEvents
diff: import React, { Component } from 'react'
  import PropTypes from 'prop-types'
  import classNames from 'classnames'
  -import Provider from '../context'
  import Popper from '../popper'
  class ItemDropdown extends Component {
  @@ -47,46 +46,50 @@ class ItemDropdown extends Component {
  }
  render() {
  - const {
  - items,
  - onChoose,
  - localeDatas,
  - activeId,
  - theme
  - } = this.props
  - const {
  - visible
  - } = this.state
  + const { items, onChoose, localeDatas, activeId, theme } = this.props
  + const { visible } = this.state
  let activeIndex = -1
  items.map((item, index) => {
  if (item.tabId === activeId) activeIndex = index
  })
  return (
  - <div className={classNames('hi-tabs-dropdown', `theme__${theme}`, {'hi-tabs-dropdown--active': !!items[activeIndex]})}>
  - <div className='hi-tabs-dropdown__toggle' ref={node => { this.toggleRef = node }} onClick={e => {
  + <div
  + className={classNames('hi-tabs-dropdown', `theme__${theme}`, {
  + 'hi-tabs-dropdown--active': !!items[activeIndex]
  + })}
  + >
  + <div
  + className="hi-tabs-dropdown__toggle"
  + ref={(node) => {
  + this.toggleRef = node
  + }}
  + onClick={(e) => {
  e.stopPropagation()
  this.toggle()
  - }}>
  - <span className='hi-tabs-dropdown__toggle-title'>
  + }}
  + >
  + <span className="hi-tabs-dropdown__toggle-title">
  {(items[activeIndex] && items[activeIndex].tabTitle) || localeDatas.tabs.more}
  </span>
  - <i className='hi-icon icon-down' />
  + <i className="hi-icon icon-down" />
  </div>
  <Popper
  - className='hi-tabs-dropdown__popper'
  + className="hi-tabs-dropdown__popper"
  show={visible}
  attachEle={this.toggleRef}
  zIndex={1010}
  - width='auto'
  + width="auto"
  leftGap={-18}
  topGap={3}
  >
  <div className={classNames('hi-tabs-dropdown__items', `theme__${theme}`)}>
  - {
  - items.map((item, index) => {
  + {items.map((item, index) => {
  return (
  - <div className={classNames('hi-tabs-dropdown__item', {'hi-tabs-dropdown__item--active': index === activeIndex})}
  - onClick={e => {
  + <div
  + className={classNames('hi-tabs-dropdown__item', {
  + 'hi-tabs-dropdown__item--active': index === activeIndex
  + })}
  + onClick={(e) => {
  this.toggle()
  onChoose(item, e)
  }}
  @@ -95,8 +98,7 @@ class ItemDropdown extends Component {
  {item.tabTitle}
  </div>
  )
  - })
  - }
  + })}
  </div>
  </Popper>
  </div>
  