const TABBAR_BORDER_TRANSFORM_EASING = 'ease'
const TABBAR_BORDER_TRANSFORM_SPEED = 400
const TABBAR_ITEM_ACTIVE_CLASSNAME = 'active'
let _ActiveTabBarItemNode = null
let _ActiveTabBarItemIndex = -1
let _TabBarBorderNode = null
let _TabBarListNode = null
let _FeedViewName = null
const addTabBarItemProps = () => {
const items = _TabBarListNode.children
for (let i = 0; i < items.length; i++) {
const item = items[i]
item.style.transition = `color ${TABBAR_BORDER_TRANSFORM_SPEED}ms ${TABBAR_BORDER_TRANSFORM_EASING}`
item.addEventListener('click', () => setTabBarItemActive(i) )
}
}
const getNodeCenter = clientRect => {
return (clientRect.left + clientRect.right) / 2
}
const getTabBarItem = index => {
return index < _TabBarListNode.children.length ? _TabBarListNode.children[index] : false
}
const initTabBar = index => {
const node = document.getElementsByClassName('tabbar')[0]
const feedName = document.getElementsByClassName('js-view-name')[0]
if (_TabBarListNode || _TabBarBorderNode || !node) return
if (feedName) _FeedViewName = feedName
_TabBarListNode = node.children[0]
_TabBarBorderNode = node.children[1]