bestnihon-react-components
Advanced tools
Comparing version 2.2.5 to 2.2.6
@@ -8,2 +8,3 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
import React, { Component } from 'react'; | ||
import Common from '../utils/Common'; | ||
import './ScrollView.css'; | ||
@@ -16,2 +17,4 @@ var TOP = 'top'; | ||
var TOUCH_BOTTOM = 'touch_bottom'; | ||
var TOUCH_LEFT = 'touch_left'; | ||
var TOUCH_RIGHT = 'touch_right'; | ||
@@ -27,4 +30,4 @@ var ScrollView = function (_Component) { | ||
_this.handleTouchStart = function (e) { | ||
// console.log('触摸开始', this.wrap.scrollTop) | ||
_this.startY = e.touches[0].clientY; | ||
_this.startX = e.touches[0].clientX; | ||
}; | ||
@@ -44,4 +47,8 @@ | ||
var moveY = e.touches[0].clientY; | ||
var moveX = e.touches[0].clientX; | ||
var x = moveX - _this.startX; | ||
var y = moveY - _this.startY; | ||
var distance = void 0; | ||
_this.direction = moveY - _this.startY > 0 ? TOUCH_BOTTOM : TOUCH_TOP; | ||
_this.direction = _this.setDirection(x, y); | ||
// if (this.direction === TOUCH_LEFT || this.direction === TOUCH_RIGHT) return | ||
// console.log('滚动距离==>' + scrollTop, '上拉加载距离==>' + this.bottom) | ||
@@ -125,9 +132,25 @@ if (isPullDown && _this.direction === TOUCH_BOTTOM && scrollTop === 0 && isPullDownStatus !== LOADING && !isPullUpStatus) { | ||
_this.setDirection = function (x, y) { | ||
if (Math.abs(x) > Math.abs(y) && x > 0) { | ||
// right | ||
return TOUCH_RIGHT; | ||
} else if (Math.abs(x) > Math.abs(y) && x < 0) { | ||
// left | ||
return TOUCH_LEFT; | ||
} else if (Math.abs(y) > Math.abs(x) && y > 0) { | ||
return TOUCH_BOTTOM; | ||
// console.log('向下') | ||
} else if (Math.abs(y) > Math.abs(x) && y < 0) { | ||
return TOUCH_TOP; | ||
// console.log('向上') | ||
} | ||
}; | ||
_this.fetchData = function () { | ||
var _this$state3 = _this.state, | ||
isFetch = _this$state3.isFetch, | ||
topMethod = _this$state3.topMethod, | ||
animateTime = _this$state3.animateTime; | ||
reLoad = _this$state3.reLoad, | ||
topMethod = _this$state3.topMethod; | ||
if (isFetch) { | ||
console.log('reload===>', reLoad); | ||
if (reLoad) { | ||
_this.setState({ | ||
@@ -170,3 +193,3 @@ isPullDownStatus: LOADING, | ||
var itemHeight = parseFloat(window.getComputedStyle(_this.children).height); | ||
_this.wrap.style.height = wrapHeight + 'px'; | ||
wrapHeight && (_this.wrap.style.height = wrapHeight + 'px'); | ||
_this.setState({ | ||
@@ -187,30 +210,31 @@ fillAttr: itemHeight < wrapHeight ? wrapHeight - itemHeight : false | ||
if (!itemIndex || !itemKey) return; | ||
var children = _this.children.children; | ||
var index = void 0; | ||
// 检测下标 || key 值 | ||
if (typeof itemIndex === 'number' && itemIndex >= 0 || itemKey) { | ||
var children = _this.children.children; | ||
var index = void 0; | ||
// 检测下标 || key 值 | ||
if (itemIndex >= 0) { | ||
index = itemIndex; | ||
} else if (itemKey) { | ||
for (var i = 0; i < _this.props.children.length; i++) { | ||
// console.log('key 值', this.props.children[i].key) | ||
if (itemKey === _this.props.children[i].key) { | ||
index = i; | ||
break; | ||
if (itemIndex >= 0) { | ||
index = itemIndex; | ||
} else if (itemKey) { | ||
for (var i = 0; i < _this.props.children.length; i++) { | ||
// console.log('key 值', this.props.children[i].key) | ||
if (itemKey === _this.props.children[i].key) { | ||
index = i; | ||
break; | ||
} | ||
} | ||
} | ||
} | ||
var dom = scrollX ? _this.children : _this.wrap; | ||
if (index >= 0) { | ||
if (scrollX) { | ||
dom.scrollLeft = children[index].offsetLeft; | ||
} else { | ||
dom.scrollTop = children[index].offsetTop; | ||
var dom = scrollX ? _this.children : _this.wrap; | ||
if (index >= 0) { | ||
if (scrollX) { | ||
dom.scrollLeft = children[index].offsetLeft; | ||
} else { | ||
dom.scrollTop = children[index].offsetTop; | ||
} | ||
} | ||
// 等同步任务 完成后再添加 监听事件, 否则写成同步任务会触发 this.scroll | ||
setTimeout(function () { | ||
dom.addEventListener('scroll', _this.scroll); | ||
}, 0); | ||
} | ||
// 等同步任务 完成后再添加 监听事件, 否则写成同步任务会触发 this.scroll | ||
setTimeout(function () { | ||
dom.addEventListener('scroll', _this.scroll); | ||
}, 0); | ||
}; | ||
@@ -242,3 +266,4 @@ | ||
_this.state = { | ||
isFetch: props.isFetch || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false | ||
reLoad: props.reLoad || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false | ||
loadOverText: props.loadOverText || false, // 当上拉加载所有后 是否展示加载完毕 提示 , 默认不展示 | ||
isLoadOver: props.isLoadOver, // 请求是否完成,可传字符串 || Boolean, Boolean 为 true 时默认展示字段'全部加载完毕', 传字符串就展示字符串 | ||
@@ -274,25 +299,17 @@ requestState: props.requestState, // 请求是否完成 | ||
ScrollView.prototype.componentDidMount = function componentDidMount() { | ||
var _this2 = this; | ||
var scrollX = this.state.scrollX; | ||
var _state = this.state, | ||
wrapHeight = _state.wrapHeight, | ||
scrollX = _state.scrollX; | ||
this.setState({ | ||
wrapHeight: !scrollX && (wrapHeight ? wrapHeight : parseFloat(window.getComputedStyle(this.wrap.parentNode).height)) | ||
}, function () { | ||
if (scrollX) { | ||
_this2.setTarget(); | ||
} else { | ||
_this2.wrap.addEventListener('touchstart', _this2.handleTouchStart); | ||
_this2.wrap.addEventListener('touchmove', _this2.handleTouchMove); | ||
_this2.wrap.addEventListener('touchend', _this2.handleTouchEnd); | ||
_this2.fetchData(); | ||
_this2.fill(true); | ||
} | ||
}); | ||
if (scrollX) { | ||
this.setTarget(); | ||
} else { | ||
this.wrap.addEventListener('touchstart', this.handleTouchStart); | ||
this.wrap.addEventListener('touchmove', this.handleTouchMove); | ||
this.wrap.addEventListener('touchend', this.handleTouchEnd); | ||
this.fetchData(); | ||
this.fill(true); | ||
} | ||
}; | ||
ScrollView.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
var _this3 = this; | ||
var _this2 = this; | ||
@@ -302,18 +319,19 @@ var requestState = nextProps.requestState, | ||
itemIndex = nextProps.itemIndex, | ||
itemKey = nextProps.itemKey; | ||
var _state2 = this.state, | ||
isPullUpStatus = _state2.isPullUpStatus, | ||
isPullDownStatus = _state2.isPullDownStatus, | ||
animateTime = _state2.animateTime; | ||
itemKey = nextProps.itemKey, | ||
reLoad = nextProps.reLoad, | ||
wrapHeight = nextProps.wrapHeight; | ||
var _state = this.state, | ||
isPullUpStatus = _state.isPullUpStatus, | ||
isPullDownStatus = _state.isPullDownStatus, | ||
animateTime = _state.animateTime; | ||
var OO = { | ||
// 上拉加载 | ||
pullUp: function pullUp() { | ||
_this3.translate(); | ||
_this2.translate(); | ||
setTimeout(function () { | ||
_this3.setState({ | ||
_this2.setState({ | ||
isPullUpStatus: null | ||
}, function () { | ||
_this3.fill(); | ||
_this2.fill(); | ||
}); | ||
@@ -326,8 +344,8 @@ }, animateTime); | ||
// 但当用户停留在 loading 不滚动的时候 就给他来个 动效 | ||
_this3.wrap.scrollTop === 0 && _this3.translate(); | ||
_this2.wrap.scrollTop === 0 && _this2.translate(); | ||
setTimeout(function () { | ||
_this3.setState({ | ||
_this2.setState({ | ||
isPullDownStatus: null | ||
}, function () { | ||
return _this3.fill(); | ||
return _this2.fill(); | ||
}); | ||
@@ -341,12 +359,17 @@ }, animateTime); | ||
} | ||
this.setState({ isLoadOver: isLoadOver }); | ||
this.setState({ isLoadOver: isLoadOver, reLoad: reLoad }, function () { | ||
return _this2.fetchData(); | ||
}); | ||
if (itemIndex >= 0) { | ||
this.state.itemIndex !== itemIndex && this.setState({ itemIndex: itemIndex }, function () { | ||
return _this3.setTarget(); | ||
return _this2.setTarget(); | ||
}); | ||
} else if (itemKey) { | ||
this.state.itemKey !== itemKey && this.setState({ itemKey: itemKey }, function () { | ||
return _this3.setTarget(); | ||
return _this2.setTarget(); | ||
}); | ||
} | ||
this.setState({ wrapHeight: wrapHeight }, function () { | ||
return _this2.wrap.style.height = wrapHeight + 'px'; | ||
}); | ||
}; | ||
@@ -363,2 +386,4 @@ | ||
// 方向判定 | ||
// 无数据直接触发顶部 loading, 并执行 topMethod函数 | ||
@@ -410,11 +435,11 @@ | ||
ScrollView.prototype.render = function render() { | ||
var _this4 = this; | ||
var _this3 = this; | ||
var _state3 = this.state, | ||
isPullDownStatus = _state3.isPullDownStatus, | ||
isPullUpStatus = _state3.isPullUpStatus, | ||
fillAttr = _state3.fillAttr, | ||
scrollX = _state3.scrollX, | ||
translate = _state3.translate, | ||
isLoadOver = _state3.isLoadOver; | ||
var _state2 = this.state, | ||
isPullDownStatus = _state2.isPullDownStatus, | ||
isPullUpStatus = _state2.isPullUpStatus, | ||
fillAttr = _state2.fillAttr, | ||
scrollX = _state2.scrollX, | ||
isLoadOver = _state2.isLoadOver, | ||
loadOverText = _state2.loadOverText; | ||
var _props = this.props, | ||
@@ -438,3 +463,3 @@ style = _props.style, | ||
{ className: 'load-more-root', style: style, ref: function ref(node) { | ||
return _this4.wrap = node; | ||
return _this3.wrap = node; | ||
} }, | ||
@@ -444,3 +469,3 @@ React.createElement( | ||
{ className: 'load-more-content', ref: function ref(node) { | ||
return _this4.content = node; | ||
return _this3.content = node; | ||
} }, | ||
@@ -450,3 +475,3 @@ !scrollX && isPullDownStatus && !isPullUpStatus && React.createElement( | ||
{ className: 'pull-down-bar', ref: function ref(node) { | ||
node && (_this4.pullDownBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
node && (_this3.pullDownBarHeight = Common.attr(node, 'height')); | ||
} }, | ||
@@ -464,3 +489,3 @@ isPullDownStatus === LOADING ? React.createElement(Spinner, null) : React.createElement( | ||
ref: function ref(node) { | ||
return _this4.children = node; | ||
return _this3.children = node; | ||
} | ||
@@ -479,10 +504,10 @@ }, | ||
), | ||
isLoadOver && (typeof isLoadOver === 'string' ? React.createElement( | ||
isLoadOver && loadOverText && (loadOverText ? React.createElement( | ||
'p', | ||
{ className: 'pull-up-tip' }, | ||
isLoadOver | ||
loadOverText | ||
) : React.createElement( | ||
'p', | ||
{ className: 'pull-up-tip' }, | ||
'\u52A0\u8F7D\u5B8C\u6BD5' | ||
'\u5168\u90E8\u52A0\u8F7D\u5B8C\u6BD5~' | ||
)), | ||
@@ -493,3 +518,3 @@ fillAttr && React.createElement('div', { style: { height: fillAttr + 'px' } }), | ||
{ className: 'pull-up-bar', ref: function ref(node) { | ||
return node && (_this4.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
return node && (_this3.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
} | ||
@@ -496,0 +521,0 @@ }, |
@@ -9,2 +9,6 @@ 'use strict'; | ||
var _Common = require('../utils/Common'); | ||
var _Common2 = _interopRequireDefault(_Common); | ||
require('./ScrollView.css'); | ||
@@ -26,2 +30,4 @@ | ||
var TOUCH_BOTTOM = 'touch_bottom'; | ||
var TOUCH_LEFT = 'touch_left'; | ||
var TOUCH_RIGHT = 'touch_right'; | ||
@@ -37,4 +43,4 @@ var ScrollView = function (_Component) { | ||
_this.handleTouchStart = function (e) { | ||
// console.log('触摸开始', this.wrap.scrollTop) | ||
_this.startY = e.touches[0].clientY; | ||
_this.startX = e.touches[0].clientX; | ||
}; | ||
@@ -54,4 +60,8 @@ | ||
var moveY = e.touches[0].clientY; | ||
var moveX = e.touches[0].clientX; | ||
var x = moveX - _this.startX; | ||
var y = moveY - _this.startY; | ||
var distance = void 0; | ||
_this.direction = moveY - _this.startY > 0 ? TOUCH_BOTTOM : TOUCH_TOP; | ||
_this.direction = _this.setDirection(x, y); | ||
// if (this.direction === TOUCH_LEFT || this.direction === TOUCH_RIGHT) return | ||
// console.log('滚动距离==>' + scrollTop, '上拉加载距离==>' + this.bottom) | ||
@@ -135,9 +145,25 @@ if (isPullDown && _this.direction === TOUCH_BOTTOM && scrollTop === 0 && isPullDownStatus !== LOADING && !isPullUpStatus) { | ||
_this.setDirection = function (x, y) { | ||
if (Math.abs(x) > Math.abs(y) && x > 0) { | ||
// right | ||
return TOUCH_RIGHT; | ||
} else if (Math.abs(x) > Math.abs(y) && x < 0) { | ||
// left | ||
return TOUCH_LEFT; | ||
} else if (Math.abs(y) > Math.abs(x) && y > 0) { | ||
return TOUCH_BOTTOM; | ||
// console.log('向下') | ||
} else if (Math.abs(y) > Math.abs(x) && y < 0) { | ||
return TOUCH_TOP; | ||
// console.log('向上') | ||
} | ||
}; | ||
_this.fetchData = function () { | ||
var _this$state3 = _this.state, | ||
isFetch = _this$state3.isFetch, | ||
topMethod = _this$state3.topMethod, | ||
animateTime = _this$state3.animateTime; | ||
reLoad = _this$state3.reLoad, | ||
topMethod = _this$state3.topMethod; | ||
if (isFetch) { | ||
console.log('reload===>', reLoad); | ||
if (reLoad) { | ||
_this.setState({ | ||
@@ -180,3 +206,3 @@ isPullDownStatus: LOADING, | ||
var itemHeight = parseFloat(window.getComputedStyle(_this.children).height); | ||
_this.wrap.style.height = wrapHeight + 'px'; | ||
wrapHeight && (_this.wrap.style.height = wrapHeight + 'px'); | ||
_this.setState({ | ||
@@ -197,30 +223,31 @@ fillAttr: itemHeight < wrapHeight ? wrapHeight - itemHeight : false | ||
if (!itemIndex || !itemKey) return; | ||
var children = _this.children.children; | ||
var index = void 0; | ||
// 检测下标 || key 值 | ||
if (typeof itemIndex === 'number' && itemIndex >= 0 || itemKey) { | ||
var children = _this.children.children; | ||
var index = void 0; | ||
// 检测下标 || key 值 | ||
if (itemIndex >= 0) { | ||
index = itemIndex; | ||
} else if (itemKey) { | ||
for (var i = 0; i < _this.props.children.length; i++) { | ||
// console.log('key 值', this.props.children[i].key) | ||
if (itemKey === _this.props.children[i].key) { | ||
index = i; | ||
break; | ||
if (itemIndex >= 0) { | ||
index = itemIndex; | ||
} else if (itemKey) { | ||
for (var i = 0; i < _this.props.children.length; i++) { | ||
// console.log('key 值', this.props.children[i].key) | ||
if (itemKey === _this.props.children[i].key) { | ||
index = i; | ||
break; | ||
} | ||
} | ||
} | ||
} | ||
var dom = scrollX ? _this.children : _this.wrap; | ||
if (index >= 0) { | ||
if (scrollX) { | ||
dom.scrollLeft = children[index].offsetLeft; | ||
} else { | ||
dom.scrollTop = children[index].offsetTop; | ||
var dom = scrollX ? _this.children : _this.wrap; | ||
if (index >= 0) { | ||
if (scrollX) { | ||
dom.scrollLeft = children[index].offsetLeft; | ||
} else { | ||
dom.scrollTop = children[index].offsetTop; | ||
} | ||
} | ||
// 等同步任务 完成后再添加 监听事件, 否则写成同步任务会触发 this.scroll | ||
setTimeout(function () { | ||
dom.addEventListener('scroll', _this.scroll); | ||
}, 0); | ||
} | ||
// 等同步任务 完成后再添加 监听事件, 否则写成同步任务会触发 this.scroll | ||
setTimeout(function () { | ||
dom.addEventListener('scroll', _this.scroll); | ||
}, 0); | ||
}; | ||
@@ -252,3 +279,4 @@ | ||
_this.state = { | ||
isFetch: props.isFetch || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false | ||
reLoad: props.reLoad || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false | ||
loadOverText: props.loadOverText || false, // 当上拉加载所有后 是否展示加载完毕 提示 , 默认不展示 | ||
isLoadOver: props.isLoadOver, // 请求是否完成,可传字符串 || Boolean, Boolean 为 true 时默认展示字段'全部加载完毕', 传字符串就展示字符串 | ||
@@ -284,25 +312,17 @@ requestState: props.requestState, // 请求是否完成 | ||
ScrollView.prototype.componentDidMount = function componentDidMount() { | ||
var _this2 = this; | ||
var scrollX = this.state.scrollX; | ||
var _state = this.state, | ||
wrapHeight = _state.wrapHeight, | ||
scrollX = _state.scrollX; | ||
this.setState({ | ||
wrapHeight: !scrollX && (wrapHeight ? wrapHeight : parseFloat(window.getComputedStyle(this.wrap.parentNode).height)) | ||
}, function () { | ||
if (scrollX) { | ||
_this2.setTarget(); | ||
} else { | ||
_this2.wrap.addEventListener('touchstart', _this2.handleTouchStart); | ||
_this2.wrap.addEventListener('touchmove', _this2.handleTouchMove); | ||
_this2.wrap.addEventListener('touchend', _this2.handleTouchEnd); | ||
_this2.fetchData(); | ||
_this2.fill(true); | ||
} | ||
}); | ||
if (scrollX) { | ||
this.setTarget(); | ||
} else { | ||
this.wrap.addEventListener('touchstart', this.handleTouchStart); | ||
this.wrap.addEventListener('touchmove', this.handleTouchMove); | ||
this.wrap.addEventListener('touchend', this.handleTouchEnd); | ||
this.fetchData(); | ||
this.fill(true); | ||
} | ||
}; | ||
ScrollView.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
var _this3 = this; | ||
var _this2 = this; | ||
@@ -312,18 +332,19 @@ var requestState = nextProps.requestState, | ||
itemIndex = nextProps.itemIndex, | ||
itemKey = nextProps.itemKey; | ||
var _state2 = this.state, | ||
isPullUpStatus = _state2.isPullUpStatus, | ||
isPullDownStatus = _state2.isPullDownStatus, | ||
animateTime = _state2.animateTime; | ||
itemKey = nextProps.itemKey, | ||
reLoad = nextProps.reLoad, | ||
wrapHeight = nextProps.wrapHeight; | ||
var _state = this.state, | ||
isPullUpStatus = _state.isPullUpStatus, | ||
isPullDownStatus = _state.isPullDownStatus, | ||
animateTime = _state.animateTime; | ||
var OO = { | ||
// 上拉加载 | ||
pullUp: function pullUp() { | ||
_this3.translate(); | ||
_this2.translate(); | ||
setTimeout(function () { | ||
_this3.setState({ | ||
_this2.setState({ | ||
isPullUpStatus: null | ||
}, function () { | ||
_this3.fill(); | ||
_this2.fill(); | ||
}); | ||
@@ -336,8 +357,8 @@ }, animateTime); | ||
// 但当用户停留在 loading 不滚动的时候 就给他来个 动效 | ||
_this3.wrap.scrollTop === 0 && _this3.translate(); | ||
_this2.wrap.scrollTop === 0 && _this2.translate(); | ||
setTimeout(function () { | ||
_this3.setState({ | ||
_this2.setState({ | ||
isPullDownStatus: null | ||
}, function () { | ||
return _this3.fill(); | ||
return _this2.fill(); | ||
}); | ||
@@ -351,12 +372,17 @@ }, animateTime); | ||
} | ||
this.setState({ isLoadOver: isLoadOver }); | ||
this.setState({ isLoadOver: isLoadOver, reLoad: reLoad }, function () { | ||
return _this2.fetchData(); | ||
}); | ||
if (itemIndex >= 0) { | ||
this.state.itemIndex !== itemIndex && this.setState({ itemIndex: itemIndex }, function () { | ||
return _this3.setTarget(); | ||
return _this2.setTarget(); | ||
}); | ||
} else if (itemKey) { | ||
this.state.itemKey !== itemKey && this.setState({ itemKey: itemKey }, function () { | ||
return _this3.setTarget(); | ||
return _this2.setTarget(); | ||
}); | ||
} | ||
this.setState({ wrapHeight: wrapHeight }, function () { | ||
return _this2.wrap.style.height = wrapHeight + 'px'; | ||
}); | ||
}; | ||
@@ -373,2 +399,4 @@ | ||
// 方向判定 | ||
// 无数据直接触发顶部 loading, 并执行 topMethod函数 | ||
@@ -420,11 +448,11 @@ | ||
ScrollView.prototype.render = function render() { | ||
var _this4 = this; | ||
var _this3 = this; | ||
var _state3 = this.state, | ||
isPullDownStatus = _state3.isPullDownStatus, | ||
isPullUpStatus = _state3.isPullUpStatus, | ||
fillAttr = _state3.fillAttr, | ||
scrollX = _state3.scrollX, | ||
translate = _state3.translate, | ||
isLoadOver = _state3.isLoadOver; | ||
var _state2 = this.state, | ||
isPullDownStatus = _state2.isPullDownStatus, | ||
isPullUpStatus = _state2.isPullUpStatus, | ||
fillAttr = _state2.fillAttr, | ||
scrollX = _state2.scrollX, | ||
isLoadOver = _state2.isLoadOver, | ||
loadOverText = _state2.loadOverText; | ||
var _props = this.props, | ||
@@ -448,3 +476,3 @@ style = _props.style, | ||
{ className: 'load-more-root', style: style, ref: function ref(node) { | ||
return _this4.wrap = node; | ||
return _this3.wrap = node; | ||
} }, | ||
@@ -454,3 +482,3 @@ _react2.default.createElement( | ||
{ className: 'load-more-content', ref: function ref(node) { | ||
return _this4.content = node; | ||
return _this3.content = node; | ||
} }, | ||
@@ -460,3 +488,3 @@ !scrollX && isPullDownStatus && !isPullUpStatus && _react2.default.createElement( | ||
{ className: 'pull-down-bar', ref: function ref(node) { | ||
node && (_this4.pullDownBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
node && (_this3.pullDownBarHeight = _Common2.default.attr(node, 'height')); | ||
} }, | ||
@@ -474,3 +502,3 @@ isPullDownStatus === LOADING ? _react2.default.createElement(Spinner, null) : _react2.default.createElement( | ||
ref: function ref(node) { | ||
return _this4.children = node; | ||
return _this3.children = node; | ||
} | ||
@@ -489,10 +517,10 @@ }, | ||
), | ||
isLoadOver && (typeof isLoadOver === 'string' ? _react2.default.createElement( | ||
isLoadOver && loadOverText && (loadOverText ? _react2.default.createElement( | ||
'p', | ||
{ className: 'pull-up-tip' }, | ||
isLoadOver | ||
loadOverText | ||
) : _react2.default.createElement( | ||
'p', | ||
{ className: 'pull-up-tip' }, | ||
'\u52A0\u8F7D\u5B8C\u6BD5' | ||
'\u5168\u90E8\u52A0\u8F7D\u5B8C\u6BD5~' | ||
)), | ||
@@ -503,3 +531,3 @@ fillAttr && _react2.default.createElement('div', { style: { height: fillAttr + 'px' } }), | ||
{ className: 'pull-up-bar', ref: function ref(node) { | ||
return node && (_this4.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
return node && (_this3.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
} | ||
@@ -506,0 +534,0 @@ }, |
{ | ||
"name": "bestnihon-react-components", | ||
"version": "2.2.5", | ||
"version": "2.2.6", | ||
"description": "bestnihon-react-components React component", | ||
@@ -35,4 +35,7 @@ "main": "lib/index.js", | ||
"keywords": [ | ||
"react-component","load-more","auto-scroll-tab","tabcontainer" | ||
"react-component", | ||
"load-more", | ||
"auto-scroll-tab", | ||
"tabcontainer" | ||
] | ||
} |
/*! | ||
* bestnihon-react-components v2.2.5 | ||
* bestnihon-react-components v2.2.6 | ||
* MIT Licensed | ||
@@ -91,5 +91,35 @@ */ | ||
"use strict"; | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
var Common = function () { | ||
function Common() { | ||
_classCallCheck(this, Common); | ||
} | ||
/** | ||
* 获取 dom 的属性 | ||
* | ||
* @static | ||
* @param {*} dom | ||
* @param {*} attr | ||
* @returns 返回 Number | ||
* @memberof Common | ||
*/ | ||
Common.attr = function attr(dom, _attr) { | ||
return parseFloat(window.getComputedStyle(dom, null)[_attr]) || dom.getBoundingClientRect()[_attr]; | ||
}; | ||
return Common; | ||
}(); | ||
/* harmony default export */ __webpack_exports__["a"] = (Common); | ||
/***/ }), | ||
/* 2 */ | ||
/***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
"use strict"; | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(2); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(1); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__AutoScrollTab_css__ = __webpack_require__(5); | ||
@@ -274,32 +304,2 @@ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__AutoScrollTab_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__AutoScrollTab_css__); | ||
/***/ }), | ||
/* 2 */ | ||
/***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
"use strict"; | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
var Common = function () { | ||
function Common() { | ||
_classCallCheck(this, Common); | ||
} | ||
/** | ||
* 获取 dom 的属性 | ||
* | ||
* @static | ||
* @param {*} dom | ||
* @param {*} attr | ||
* @returns 返回 Number | ||
* @memberof Common | ||
*/ | ||
Common.attr = function attr(dom, _attr) { | ||
return parseFloat(window.getComputedStyle(dom, null)[_attr]) || dom.getBoundingClientRect()[_attr]; | ||
}; | ||
return Common; | ||
}(); | ||
/* harmony default export */ __webpack_exports__["a"] = (Common); | ||
/***/ }), | ||
/* 3 */ | ||
@@ -317,3 +317,3 @@ /***/ (function(module, exports, __webpack_require__) { | ||
Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__AutoScrollTab_AutoScrollTab__ = __webpack_require__(1); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__AutoScrollTab_AutoScrollTab__ = __webpack_require__(2); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__NavBar_NavBar__ = __webpack_require__(6); | ||
@@ -329,3 +329,3 @@ /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "NavBar", function() { return __WEBPACK_IMPORTED_MODULE_1__NavBar_NavBar__["a"]; }); | ||
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "LozyLoad", function() { return __WEBPACK_IMPORTED_MODULE_5__LazyLoad_LazyLoad_js__["a"]; }); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__AutoScrollTab_AutoScrollTab_js__ = __webpack_require__(1); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__AutoScrollTab_AutoScrollTab_js__ = __webpack_require__(2); | ||
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "AutoScrollTab", function() { return __WEBPACK_IMPORTED_MODULE_6__AutoScrollTab_AutoScrollTab_js__["a"]; }); | ||
@@ -360,3 +360,3 @@ | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(2); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(1); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__NavBar_css__ = __webpack_require__(7); | ||
@@ -856,4 +856,5 @@ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__NavBar_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__NavBar_css__); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ScrollView_css__ = __webpack_require__(13); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__ScrollView_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__ScrollView_css__); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(1); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__ScrollView_css__ = __webpack_require__(13); | ||
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__ScrollView_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__ScrollView_css__); | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
@@ -867,2 +868,3 @@ | ||
var TOP = 'top'; | ||
@@ -874,2 +876,4 @@ var BOTTOM = 'bottom'; | ||
var TOUCH_BOTTOM = 'touch_bottom'; | ||
var TOUCH_LEFT = 'touch_left'; | ||
var TOUCH_RIGHT = 'touch_right'; | ||
@@ -885,4 +889,4 @@ var ScrollView = function (_Component) { | ||
_this.handleTouchStart = function (e) { | ||
// console.log('触摸开始', this.wrap.scrollTop) | ||
_this.startY = e.touches[0].clientY; | ||
_this.startX = e.touches[0].clientX; | ||
}; | ||
@@ -902,4 +906,8 @@ | ||
var moveY = e.touches[0].clientY; | ||
var moveX = e.touches[0].clientX; | ||
var x = moveX - _this.startX; | ||
var y = moveY - _this.startY; | ||
var distance = void 0; | ||
_this.direction = moveY - _this.startY > 0 ? TOUCH_BOTTOM : TOUCH_TOP; | ||
_this.direction = _this.setDirection(x, y); | ||
// if (this.direction === TOUCH_LEFT || this.direction === TOUCH_RIGHT) return | ||
// console.log('滚动距离==>' + scrollTop, '上拉加载距离==>' + this.bottom) | ||
@@ -983,9 +991,25 @@ if (isPullDown && _this.direction === TOUCH_BOTTOM && scrollTop === 0 && isPullDownStatus !== LOADING && !isPullUpStatus) { | ||
_this.setDirection = function (x, y) { | ||
if (Math.abs(x) > Math.abs(y) && x > 0) { | ||
// right | ||
return TOUCH_RIGHT; | ||
} else if (Math.abs(x) > Math.abs(y) && x < 0) { | ||
// left | ||
return TOUCH_LEFT; | ||
} else if (Math.abs(y) > Math.abs(x) && y > 0) { | ||
return TOUCH_BOTTOM; | ||
// console.log('向下') | ||
} else if (Math.abs(y) > Math.abs(x) && y < 0) { | ||
return TOUCH_TOP; | ||
// console.log('向上') | ||
} | ||
}; | ||
_this.fetchData = function () { | ||
var _this$state3 = _this.state, | ||
isFetch = _this$state3.isFetch, | ||
topMethod = _this$state3.topMethod, | ||
animateTime = _this$state3.animateTime; | ||
reLoad = _this$state3.reLoad, | ||
topMethod = _this$state3.topMethod; | ||
if (isFetch) { | ||
console.log('reload===>', reLoad); | ||
if (reLoad) { | ||
_this.setState({ | ||
@@ -1028,3 +1052,3 @@ isPullDownStatus: LOADING, | ||
var itemHeight = parseFloat(window.getComputedStyle(_this.children).height); | ||
_this.wrap.style.height = wrapHeight + 'px'; | ||
wrapHeight && (_this.wrap.style.height = wrapHeight + 'px'); | ||
_this.setState({ | ||
@@ -1045,30 +1069,31 @@ fillAttr: itemHeight < wrapHeight ? wrapHeight - itemHeight : false | ||
if (!itemIndex || !itemKey) return; | ||
var children = _this.children.children; | ||
var index = void 0; | ||
// 检测下标 || key 值 | ||
if (typeof itemIndex === 'number' && itemIndex >= 0 || itemKey) { | ||
var children = _this.children.children; | ||
var index = void 0; | ||
// 检测下标 || key 值 | ||
if (itemIndex >= 0) { | ||
index = itemIndex; | ||
} else if (itemKey) { | ||
for (var i = 0; i < _this.props.children.length; i++) { | ||
// console.log('key 值', this.props.children[i].key) | ||
if (itemKey === _this.props.children[i].key) { | ||
index = i; | ||
break; | ||
if (itemIndex >= 0) { | ||
index = itemIndex; | ||
} else if (itemKey) { | ||
for (var i = 0; i < _this.props.children.length; i++) { | ||
// console.log('key 值', this.props.children[i].key) | ||
if (itemKey === _this.props.children[i].key) { | ||
index = i; | ||
break; | ||
} | ||
} | ||
} | ||
} | ||
var dom = scrollX ? _this.children : _this.wrap; | ||
if (index >= 0) { | ||
if (scrollX) { | ||
dom.scrollLeft = children[index].offsetLeft; | ||
} else { | ||
dom.scrollTop = children[index].offsetTop; | ||
var dom = scrollX ? _this.children : _this.wrap; | ||
if (index >= 0) { | ||
if (scrollX) { | ||
dom.scrollLeft = children[index].offsetLeft; | ||
} else { | ||
dom.scrollTop = children[index].offsetTop; | ||
} | ||
} | ||
// 等同步任务 完成后再添加 监听事件, 否则写成同步任务会触发 this.scroll | ||
setTimeout(function () { | ||
dom.addEventListener('scroll', _this.scroll); | ||
}, 0); | ||
} | ||
// 等同步任务 完成后再添加 监听事件, 否则写成同步任务会触发 this.scroll | ||
setTimeout(function () { | ||
dom.addEventListener('scroll', _this.scroll); | ||
}, 0); | ||
}; | ||
@@ -1100,3 +1125,4 @@ | ||
_this.state = { | ||
isFetch: props.isFetch || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false | ||
reLoad: props.reLoad || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false | ||
loadOverText: props.loadOverText || false, // 当上拉加载所有后 是否展示加载完毕 提示 , 默认不展示 | ||
isLoadOver: props.isLoadOver, // 请求是否完成,可传字符串 || Boolean, Boolean 为 true 时默认展示字段'全部加载完毕', 传字符串就展示字符串 | ||
@@ -1132,25 +1158,17 @@ requestState: props.requestState, // 请求是否完成 | ||
ScrollView.prototype.componentDidMount = function componentDidMount() { | ||
var _this2 = this; | ||
var scrollX = this.state.scrollX; | ||
var _state = this.state, | ||
wrapHeight = _state.wrapHeight, | ||
scrollX = _state.scrollX; | ||
this.setState({ | ||
wrapHeight: !scrollX && (wrapHeight ? wrapHeight : parseFloat(window.getComputedStyle(this.wrap.parentNode).height)) | ||
}, function () { | ||
if (scrollX) { | ||
_this2.setTarget(); | ||
} else { | ||
_this2.wrap.addEventListener('touchstart', _this2.handleTouchStart); | ||
_this2.wrap.addEventListener('touchmove', _this2.handleTouchMove); | ||
_this2.wrap.addEventListener('touchend', _this2.handleTouchEnd); | ||
_this2.fetchData(); | ||
_this2.fill(true); | ||
} | ||
}); | ||
if (scrollX) { | ||
this.setTarget(); | ||
} else { | ||
this.wrap.addEventListener('touchstart', this.handleTouchStart); | ||
this.wrap.addEventListener('touchmove', this.handleTouchMove); | ||
this.wrap.addEventListener('touchend', this.handleTouchEnd); | ||
this.fetchData(); | ||
this.fill(true); | ||
} | ||
}; | ||
ScrollView.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { | ||
var _this3 = this; | ||
var _this2 = this; | ||
@@ -1160,18 +1178,19 @@ var requestState = nextProps.requestState, | ||
itemIndex = nextProps.itemIndex, | ||
itemKey = nextProps.itemKey; | ||
var _state2 = this.state, | ||
isPullUpStatus = _state2.isPullUpStatus, | ||
isPullDownStatus = _state2.isPullDownStatus, | ||
animateTime = _state2.animateTime; | ||
itemKey = nextProps.itemKey, | ||
reLoad = nextProps.reLoad, | ||
wrapHeight = nextProps.wrapHeight; | ||
var _state = this.state, | ||
isPullUpStatus = _state.isPullUpStatus, | ||
isPullDownStatus = _state.isPullDownStatus, | ||
animateTime = _state.animateTime; | ||
var OO = { | ||
// 上拉加载 | ||
pullUp: function pullUp() { | ||
_this3.translate(); | ||
_this2.translate(); | ||
setTimeout(function () { | ||
_this3.setState({ | ||
_this2.setState({ | ||
isPullUpStatus: null | ||
}, function () { | ||
_this3.fill(); | ||
_this2.fill(); | ||
}); | ||
@@ -1184,8 +1203,8 @@ }, animateTime); | ||
// 但当用户停留在 loading 不滚动的时候 就给他来个 动效 | ||
_this3.wrap.scrollTop === 0 && _this3.translate(); | ||
_this2.wrap.scrollTop === 0 && _this2.translate(); | ||
setTimeout(function () { | ||
_this3.setState({ | ||
_this2.setState({ | ||
isPullDownStatus: null | ||
}, function () { | ||
return _this3.fill(); | ||
return _this2.fill(); | ||
}); | ||
@@ -1199,12 +1218,17 @@ }, animateTime); | ||
} | ||
this.setState({ isLoadOver: isLoadOver }); | ||
this.setState({ isLoadOver: isLoadOver, reLoad: reLoad }, function () { | ||
return _this2.fetchData(); | ||
}); | ||
if (itemIndex >= 0) { | ||
this.state.itemIndex !== itemIndex && this.setState({ itemIndex: itemIndex }, function () { | ||
return _this3.setTarget(); | ||
return _this2.setTarget(); | ||
}); | ||
} else if (itemKey) { | ||
this.state.itemKey !== itemKey && this.setState({ itemKey: itemKey }, function () { | ||
return _this3.setTarget(); | ||
return _this2.setTarget(); | ||
}); | ||
} | ||
this.setState({ wrapHeight: wrapHeight }, function () { | ||
return _this2.wrap.style.height = wrapHeight + 'px'; | ||
}); | ||
}; | ||
@@ -1221,2 +1245,4 @@ | ||
// 方向判定 | ||
// 无数据直接触发顶部 loading, 并执行 topMethod函数 | ||
@@ -1268,11 +1294,11 @@ | ||
ScrollView.prototype.render = function render() { | ||
var _this4 = this; | ||
var _this3 = this; | ||
var _state3 = this.state, | ||
isPullDownStatus = _state3.isPullDownStatus, | ||
isPullUpStatus = _state3.isPullUpStatus, | ||
fillAttr = _state3.fillAttr, | ||
scrollX = _state3.scrollX, | ||
translate = _state3.translate, | ||
isLoadOver = _state3.isLoadOver; | ||
var _state2 = this.state, | ||
isPullDownStatus = _state2.isPullDownStatus, | ||
isPullUpStatus = _state2.isPullUpStatus, | ||
fillAttr = _state2.fillAttr, | ||
scrollX = _state2.scrollX, | ||
isLoadOver = _state2.isLoadOver, | ||
loadOverText = _state2.loadOverText; | ||
var _props = this.props, | ||
@@ -1296,3 +1322,3 @@ style = _props.style, | ||
{ className: 'load-more-root', style: style, ref: function ref(node) { | ||
return _this4.wrap = node; | ||
return _this3.wrap = node; | ||
} }, | ||
@@ -1302,3 +1328,3 @@ __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( | ||
{ className: 'load-more-content', ref: function ref(node) { | ||
return _this4.content = node; | ||
return _this3.content = node; | ||
} }, | ||
@@ -1308,3 +1334,3 @@ !scrollX && isPullDownStatus && !isPullUpStatus && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( | ||
{ className: 'pull-down-bar', ref: function ref(node) { | ||
node && (_this4.pullDownBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
node && (_this3.pullDownBarHeight = __WEBPACK_IMPORTED_MODULE_1__utils_Common__["a" /* default */].attr(node, 'height')); | ||
} }, | ||
@@ -1322,3 +1348,3 @@ isPullDownStatus === LOADING ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(Spinner, null) : __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( | ||
ref: function ref(node) { | ||
return _this4.children = node; | ||
return _this3.children = node; | ||
} | ||
@@ -1337,10 +1363,10 @@ }, | ||
), | ||
isLoadOver && (typeof isLoadOver === 'string' ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( | ||
isLoadOver && loadOverText && (loadOverText ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( | ||
'p', | ||
{ className: 'pull-up-tip' }, | ||
isLoadOver | ||
loadOverText | ||
) : __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement( | ||
'p', | ||
{ className: 'pull-up-tip' }, | ||
'\u52A0\u8F7D\u5B8C\u6BD5' | ||
'\u5168\u90E8\u52A0\u8F7D\u5B8C\u6BD5~' | ||
)), | ||
@@ -1351,3 +1377,3 @@ fillAttr && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div', { style: { height: fillAttr + 'px' } }), | ||
{ className: 'pull-up-bar', ref: function ref(node) { | ||
return node && (_this4.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
return node && (_this3.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height)); | ||
} | ||
@@ -1354,0 +1380,0 @@ }, |
/*! | ||
* bestnihon-react-components v2.2.5 | ||
* bestnihon-react-components v2.2.6 | ||
* MIT Licensed | ||
*/ | ||
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.Y=e(require("react")):t.Y=e(t.React)}("undefined"!=typeof self?self:this,function(t){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:o})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=3)}([function(e,n){e.exports=t},function(t,e,n){"use strict";var o,i,r=n(0),a=n.n(r),l=n(2),s=n(5);n.n(s);var c="left",u="center",h=(o=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));i.call(o);var r=n.left?c:u;return o.interval=n.interval||18,o.state={left:n.left,isScroll:!0,fill:!1,child:null,direction:r},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){var t=this,e=parseFloat(window.getComputedStyle(this.container,null).width),n=e/2;this.setState({rootWidth:e,centre:n,child:this.container.children},function(){return t.checkEl()})},e.prototype.componentWillUnmount=function(){clearInterval(this.timer)},e.prototype.render=function(){var t=this,e=this.state.fill,n=this.props.children;return n=Array.isArray(n)?n:[].concat(n),a.a.createElement("ul",{className:"AutoScrollTab-root",ref:function(e){return t.container=e}},n.map(function(e,n){return a.a.createElement("li",{key:"children"+n,className:"item",onClick:function(){return t.sel(e,n)}},e)}),e&&a.a.createElement("li",{className:"item",style:{width:e+"px"}}))},e}(r.Component),i=function(){var t=this;this.checkEl=function(){for(var e=t.state,n=e.rootWidth,o=e.child,i=0,r=0,a=o.length;r<a;r++)i+=l.a.attr(o[r],"width");if(i>n)return t.fill();t.setState({isScroll:!1})},this.fill=function(){var e=t.state,n=e.rootWidth,o=e.direction,i=e.centre,r=e.child,a=l.a.attr(r[r.length-1],"width"),s=o===u?i-a/2:n-a;t.setState({fill:s})},this.target=function(e){var n=t.state,o=n.direction,i=n.child,r=n.centre,a=i[e],s=a.offsetLeft;return o===u?s+l.a.attr(a,"width")/2>r?s+l.a.attr(a,"width")/2-r:0:s},this.sel=function(e,n){var o=t.target(n);console.log("target==>",o),o>=0&&t.animate(o,t.container)},this.animate=function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"scrollLeft";clearInterval(t.timer),t.timer=setInterval(function(){var i=(e-n[o])/5;i=i>0?Math.ceil(i):Math.floor(i),n[o]+=i,console.log("进行中"),Math.abs(e-n[o])<=Math.abs(i)&&(clearInterval(t.timer),console.log("清除中"),n[o]=e)},t.interval)}},o);e.a=h},function(t,e,n){"use strict";var o=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}return t.attr=function(t,e){return parseFloat(window.getComputedStyle(t,null)[e])||t.getBoundingClientRect()[e]},t}();e.a=o},function(t,e,n){t.exports=n(4)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});n(1);var o=n(6);n.d(e,"NavBar",function(){return o.a});var i=n(8);n.d(e,"TabContainer",function(){return i.a});var r=n(10);n.d(e,"TabContainerItem",function(){return r.a});var a=n(12);n.d(e,"ScrollView",function(){return a.a});var l=n(14);n.d(e,"LozyLoad",function(){return l.a});var s=n(1);n.d(e,"AutoScrollTab",function(){return s.a})},function(t,e){},function(t,e,n){"use strict";var o,i,r=n(0),a=n.n(r),l=n(2),s=n(7);n.n(s);var c=(o=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));i.call(o);var r=n.data,a=n.children,l=r?r.length:a.length;return o.state={ind:n.index||0,isAnimate:n.isAnimate||!1,onSel:n.onSel,data:n.data,length:l},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){var t=this,e=this.state.length;this.setState({itemWidth:l.a.attr(this.wrap,"width")/e},function(){return t.setBarWidth()})},e.prototype.componentWillReceiveProps=function(t){var e=this,n=t.index,o=t.translate,i=this.state.ind;o&&this.translateBar(o),n>=0&&i!==n&&this.setState({ind:n},function(){return e.setBarWidth()})},e.prototype.render=function(){var t=this,e=this.state,n=e.ind,o=e.data,i=e.itemWidth,r=this.props,l=r.children,s=r.style;return a.a.createElement("div",{style:s,className:"NavBar-root",ref:function(e){return t.wrap=e}},a.a.createElement("div",{className:"container",ref:function(e){return t.container=e}},o?o.map(function(e,o){return a.a.createElement("span",{key:"Nav"+o,style:{width:i+"px"},className:"Nav-item "+(o===n&&"active"),onClick:function(){return t.sel(e,o)}},a.a.createElement("span",null,e.name))}):l.map(function(e,o){return a.a.createElement("span",{key:"Nav"+o,style:{width:i+"px"},className:"Nav-item "+(o===n&&"active"),onClick:function(){return t.sel(e,o)}},e)})),a.a.createElement("div",{className:"Nav-active",style:{width:i+"px",transform:"translatex("+n*i+"px)"},ref:function(e){return t.bar=e}},a.a.createElement("div",{className:"Nav-active-bar",ref:function(e){return t.flag=e}})))},e}(r.Component),i=function(){var t=this;this.translateBar=function(e){var n=t.state.length,o=e.distance,i=e.transition;t.bar.style.transition=i?"all 200ms":"none",t.bar.style.transform="translateX("+-o/n+"px)"},this.sel=function(e,n){var o=t.state,i=o.isAnimate,r=o.onSel;t.bar.style.transition=i?"all 200ms":"none",t.setState({ind:n},function(){r&&r(e,n),t.setBarWidth()})},this.setBarWidth=function(){var e=t.state.ind,n=t.container.children,o=(n[e].children.length>=1?n[e].children[0]:n[e]).getBoundingClientRect().width;t.flag.style.width=o+"px"}},o);e.a=c},function(t,e){},function(t,e,n){"use strict";var o=n(0),i=n.n(o),r=n(9);n.n(r);var a="left",l="right",s="top",c="down",u=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));return o.slideStart=function(t){o.startX=t.changedTouches[0].pageX,o.startY=t.changedTouches[0].pageY},o.slideMove=function(t){var e=t.changedTouches[0].pageX,n=t.changedTouches[0].pageY,i=e-o.startX,r=n-o.startY,u=i-o.itemWidth*o.index;if(!o.slideDirection||o.slideDirection===l||o.slideDirection===a)if(Math.abs(i)>Math.abs(r)&&i>0)event.preventDefault(),0!==o.index&&o.translate(u),o.slideDirection=l;else if(Math.abs(i)>Math.abs(r)&&i<0)event.preventDefault(),o.index!==o.props.children.length-1&&o.translate(u),o.slideDirection=a;else if(Math.abs(r)>Math.abs(i)&&r>0){if(o.slideDirection)return;o.slideDirection=c}else if(Math.abs(r)>Math.abs(i)&&r<0){if(o.slideDirection)return;o.slideDirection=s}},o.slideEnd=function(t){o.endX=t.changedTouches[0].pageX,o.isTranslate()},o.translate=function(t,e){var n="\n "+(e?"transition: all 200ms;":"")+"\n transform:translateX("+t+"px)\n ";o.container.style=n;var i=o.props.onTranslate;i&&i({distance:t,transition:e})},o.isTranslate=function(){if(o.slideDirection===l||o.slideDirection===a){var t=o.props.onSel,e=o.endX-o.startX,n={right:function(){0!==o.index&&o.index--},left:function(){o.index!==o.props.children.length-1&&o.index++}};Math.abs(e)>=o.interval&&(n[o.slideDirection](),console.log("上下页切换",o.index),t&&t(o.index)),o.translate(-o.index*o.itemWidth,!0)}o.slideDirection=null},o.itemWidth=window.screen.width,o.interval=n.interval||parseInt(o.itemWidth/5),o.index=n.index||0,o.oldIndex=n.index||0,o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentWillReceiveProps=function(t){var e=t.index,n=this.props.onTranslate;this.index!==e&&(this.index=e,n&&n({distance:-this.index*this.itemWidth}),this.container.style.transition=null,this.container.style.transform="translateX("+-e*this.itemWidth+"px)")},e.prototype.componentDidMount=function(){this.translate(-this.index*this.itemWidth),this.root.addEventListener("touchstart",this.slideStart),this.root.addEventListener("touchmove",this.slideMove),this.root.addEventListener("touchend",this.slideEnd)},e.prototype.componentWillUnmount=function(){this.root.removeEventListener("touchstart",this.slideStart),this.root.removeEventListener("touchmove",this.slideMove),this.root.removeEventListener("touchend",this.slideEnd)},e.prototype.render=function(){var t=this;return i.a.createElement("div",{className:"tab-container-root",ref:function(e){t.root=e}},i.a.createElement("ul",{className:"tab-container",ref:function(e){t.container=e}},this.props.children))},e}(o.Component);e.a=u},function(t,e){},function(t,e,n){"use strict";var o=n(0),i=n.n(o),r=n(11),a=(n.n(r),Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t});var l=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.apply(this,arguments))}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.render=function(){var t=this,e=Object.assign({},this.props),n=e.style;return n?n.height||(n.height=window.screen.height+"px"):n={height:window.screen.height+"px"},i.a.createElement("li",a({className:"TabContainerItem"},e,{ref:function(e){return t.el=e}}),this.props.children)},e}(o.Component);e.a=l},function(t,e){},function(t,e,n){"use strict";var o=n(0),i=n.n(o),r=n(13);n.n(r);var a="top",l="bottom",s="loading",c="touch_top",u="touch_bottom",h=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));return o.handleTouchStart=function(t){o.startY=t.touches[0].clientY},o.handleTouchMove=function(t){var e=o.state,n=e.isPullDown,i=e.isPullUp,r=e.topDistance,h=e.bottomDistance,p=e.isPullDownStatus,f=e.isPullUpStatus,d=e.isLoadOver,m=o.wrap.scrollTop,v=t.touches[0].clientY,y=void 0;o.direction=v-o.startY>0?u:c,n&&o.direction===u&&0===m&&p!==s&&!f?(event.preventDefault(),o.pullDownBarStartY=o.pullDownBarStartY?o.pullDownBarStartY:t.touches[0].clientY,y=(v-o.pullDownBarStartY)/o.limit,o.translate(y,!1),o.setState({isPullDownStatus:y>=r?a:l})):i&&!d&&o.direction===c&&m>=o.bottom&&f!==s&&!p&&(event.preventDefault(),o.pullUpBarStartY=o.pullUpBarStartY?o.pullUpBarStartY:t.touches[0].clientY,y=(v-o.pullUpBarStartY)/o.limit,o.translate(y,!1),o.setState({isPullUpStatus:Math.abs(y)>=h?l:a}))},o.handleTouchEnd=function(t){var e=o.state,n=e.isPullDownStatus,i=e.isPullUpStatus,r=e.topMethod,a=e.bottomMethod,l=e.animateTime;o.pullDownBarStartY=null,o.pullUpBarStartY=null;var c={top:function(){o.translate(),setTimeout(function(){o.setState({isPullUpStatus:null})},l)},bottom:function(){o.setState({isPullUpStatus:s},function(){o.translate(-o.pullUpBarHeight),a&&a()})}};n&&n!==s&&{top:function(){o.setState({isPullDownStatus:s},function(){o.translate(o.pullDownBarHeight),r&&r()})},bottom:function(){o.translate(),setTimeout(function(){o.setState({isPullDownStatus:null})},l)}}[n](),i&&c[i]()},o.fetchData=function(){var t=o.state,e=t.isFetch,n=t.topMethod;t.animateTime;e&&o.setState({isPullDownStatus:s,isPullUpStatus:null},function(){o.translate(o.pullDownBarHeight,!0),n&&n()})},o.scroll=function(){var t=o.state,e=t.onLower,n=t.onUpper,i=t.onScroll,r=t.scrollX,a=t.upperThreshold,l=t.lowerThreshold,s=r?"scrollLeft":"scrollTop",c=r?o.children:o.wrap,u=c[s],h=r?parseFloat(window.getComputedStyle(c,null).width):parseFloat(window.getComputedStyle(c,null).height),p=r?c.scrollWidth-h:c.scrollHeight-h;i&&i({scroll:u}),u<=a?n&&n():u>=p-l&&e&&e()},o.fill=function(t){var e=o.state.wrapHeight,n=parseFloat(window.getComputedStyle(o.children).height);o.wrap.style.height=e+"px",o.setState({fillAttr:n<e&&e-n},function(){o.scrollBottom(),t&&o.setTarget()})},o.setTarget=function(){var t=o.state,e=t.itemIndex,n=t.itemKey,i=t.scrollX;if(e&&n){var r=o.children.children,a=void 0;if(e>=0)a=e;else if(n)for(var l=0;l<o.props.children.length;l++)if(n===o.props.children[l].key){a=l;break}var s=i?o.children:o.wrap;a>=0&&(i?s.scrollLeft=r[a].offsetLeft:s.scrollTop=r[a].offsetTop),setTimeout(function(){s.addEventListener("scroll",o.scroll)},0)}},o.translate=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=o.state,i=n.pullThreshold,r=n.animateTime;Math.abs(t)>i||(o.content.style.transition=e?"all "+r+"ms ease":"none",o.content.style.transform="translate3d(0, "+t+"px,0)")},o.scrollBottom=function(){var t=o.state.fillAttr,e=o.children.scrollHeight,n=parseFloat(window.getComputedStyle(o.wrap).height);o.bottom=t?0:e-n},o.limit=n.limit||4,o.state={isFetch:n.isFetch||!1,isLoadOver:n.isLoadOver,requestState:n.requestState,isPullDown:n.isPullDown||!1,isPullUp:n.isPullUp||!1,topDistance:n.topDistance||50,bottomDistance:n.bottomDistance||50,isPullDownStatus:null,isPullUpStatus:null,topMethod:n.topMethod,bottomMethod:n.bottomMethod,wrapHeight:n.wrapHeight,pullThreshold:n.pullThreshold||200,scrollX:n.scrollX||!1,scrollY:n.scrollY||!1,upperThreshold:n.upperThreshold||50,lowerThreshold:n.lowerThreshold||50,onUpper:n.onUpper,onLower:n.onLower,onScroll:n.onScroll,itemIndex:n.itemIndex>=0&&n.itemIndex,itemKey:n.itemKey||!1,animateTime:n.animateTime||300},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){var t=this,e=this.state,n=e.wrapHeight,o=e.scrollX;this.setState({wrapHeight:!o&&(n||parseFloat(window.getComputedStyle(this.wrap.parentNode).height))},function(){o?t.setTarget():(t.wrap.addEventListener("touchstart",t.handleTouchStart),t.wrap.addEventListener("touchmove",t.handleTouchMove),t.wrap.addEventListener("touchend",t.handleTouchEnd),t.fetchData(),t.fill(!0))})},e.prototype.componentWillReceiveProps=function(t){var e=this,n=t.requestState,o=t.isLoadOver,i=t.itemIndex,r=t.itemKey,a=this.state,l=a.isPullUpStatus,s=a.isPullDownStatus,c=a.animateTime,u=function(){0===e.wrap.scrollTop&&e.translate(),setTimeout(function(){e.setState({isPullDownStatus:null},function(){return e.fill()})},c)};n&&(l&&function(){e.translate(),setTimeout(function(){e.setState({isPullUpStatus:null},function(){e.fill()})},c)}(),s&&u()),this.setState({isLoadOver:o}),i>=0?this.state.itemIndex!==i&&this.setState({itemIndex:i},function(){return e.setTarget()}):r&&this.state.itemKey!==r&&this.setState({itemKey:r},function(){return e.setTarget()})},e.prototype.componentWillUnmount=function(){this.wrap.removeEventListener("touchstart",this.handleTouchStart),this.wrap.removeEventListener("touchmove",this.handleTouchMove),this.wrap.removeEventListener("touchend",this.handleTouchEnd),(this.state.scrollX?this.children:this.wrap).removeEventListener("scroll",this.scroll),clearInterval(this.timer)},e.prototype.render=function(){var t=this,e=this.state,n=e.isPullDownStatus,o=e.isPullUpStatus,r=e.fillAttr,c=e.scrollX,u=(e.translate,e.isLoadOver),h=this.props,p=h.style,f=h.children;f=Array.isArray(f)?f:[].concat(f);var d=function(){return i.a.createElement("div",{className:"spinner"},i.a.createElement("div",{className:"bounce1"}),i.a.createElement("div",{className:"bounce2"}),i.a.createElement("div",{className:"bounce3"}))};return i.a.createElement("div",{className:"load-more-root",style:p,ref:function(e){return t.wrap=e}},i.a.createElement("div",{className:"load-more-content",ref:function(e){return t.content=e}},!c&&n&&!o&&i.a.createElement("div",{className:"pull-down-bar",ref:function(e){e&&(t.pullDownBarHeight=parseFloat(window.getComputedStyle(e).height))}},n===s?i.a.createElement(d,null):i.a.createElement("span",{className:"is-transition "+(n===a?"is-rotate":"")},"↓")),i.a.createElement("div",{className:"scroll-view-root "+(c?"scroll-view-x":"scroll-view-y")+" ",ref:function(e){return t.children=e}},f.map(function(t,e){return i.a.createElement("div",{key:"children"+e,className:c?"scroll-x-item":"scroll-y-item"},t)})),u&&("string"==typeof u?i.a.createElement("p",{className:"pull-up-tip"},u):i.a.createElement("p",{className:"pull-up-tip"},"加载完毕")),r&&i.a.createElement("div",{style:{height:r+"px"}}),!c&&!u&&o&&!n&&i.a.createElement("div",{className:"pull-up-bar",ref:function(e){return e&&(t.pullUpBarHeight=parseFloat(window.getComputedStyle(e).height))}},o===s?i.a.createElement(d,null):i.a.createElement("span",{className:"is-transition "+(o===l?"is-rotate":"")+" "},"↑"))))},e}(o.Component);e.a=h},function(t,e){},function(t,e,n){"use strict";var o=n(0),i=n.n(o),r=n(15),a=n(16),l=(n.n(a),Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t});var s=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));return o.lazyLoad=o.lazyLoad.bind(o,n.src),o.state={isAnimate:!1},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){this.isScroll(),window.addEventListener("scroll",this.lazyLoad),window.addEventListener("resize",this.lazyLoad)},e.prototype.componentWillUnmount=function(){window.removeEventListener("scroll",this.lazyLoad),window.removeEventListener("resize",this.lazyLoad)},e.prototype.isScroll=function(){document.body.clientHeight<=r.a.clientHeight()&&this.lazyLoad()},e.prototype.lazyLoad=function(t){r.a.availHeight()+r.a.scrollTop()>this.img.offsetTop-100&&!this.img.src&&(this.img.src=t)},e.prototype.render=function(){var t=this,e=this.state.isAnimate,n=Object.assign({},this.props);return i.a.createElement("div",{className:e?"LazyLoadImg":"",style:{opacity:e?1:0}},i.a.createElement("img",l({},n,{alt:"",ref:function(e){t.img=e},onLoad:function(){t.setState({isAnimate:!0})}})))},e}(o.Component);e.a=s},function(t,e,n){"use strict";var o=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}return t.maxWidth=function(){return Math.min(640,this.clientWidth())},t.documentElement=function(){return document.body.clientWidth+document.body.clientHeight+document.body.scrollWidth+document.body.scrollHeight+document.body.scrollTop>document.documentElement.clientWidth+document.documentElement.clientHeight+document.documentElement.scrollWidth+document.documentElement.scrollHeight+document.documentElement.scrollTop?document.body:document.documentElement},t.rootElement=function(){return document.getElementById("root")},t.availWidth=function(){return window.screen.availWidth},t.availHeight=function(){return window.screen.availHeight},t.scrollHeight=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},t.scrollWidth=function(){return Math.max(document.body.scrollWidth,document.documentElement.scrollWidth)},t.scrollTop=function(){return Math.max(document.body.scrollTop,document.documentElement.scrollTop)},t.scrollToTop=function(){window.scrollTo(0,0)},t.setScrollTop=function(t){document.body.scrollTop=t,document.documentElement.scrollTop=t},t.clientHeight=function(){return Math.max(document.body.clientHeight,document.documentElement.clientHeight)},t.clientWidth=function(){return Math.max(document.body.clientWidth,document.documentElement.clientWidth)},t.resetFontSize=function(){var e=t.maxWidth()/7.5;t.fontSize=e,document.documentElement.style.fontSize=e+"px",document.body.style.maxWidth=t.maxWidth()+"px"},t.setInstance=function(e){t.app=e},t.removeInstance=function(){t.app=void 0},t.alert=function(e,n){t.app.setState({alert:{message:e,onClose:function(){t.app.setState({alert:void 0},function(){n&&n()})}}})},t.confirm=function(e,n,o,i){t.app.setState({confirm:{title:e,message:n,onConfirm:function(){t.app.setState({confirm:void 0},function(){o&&o()})},onCancel:function(){t.app.setState({confirm:void 0},function(){i&&i()})}}})},t.loading=function(e,n){t.app.setState({loading:e},function(){n&&n()})},t.isHorizontal=function(){return t.clientWidth()>t.clientHeight()},t}();e.a=o},function(t,e){}]).default}); | ||
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react")):"function"==typeof define&&define.amd?define(["react"],e):"object"==typeof exports?exports.Y=e(require("react")):t.Y=e(t.React)}("undefined"!=typeof self?self:this,function(t){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:o})},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=3)}([function(e,n){e.exports=t},function(t,e,n){"use strict";var o=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}return t.attr=function(t,e){return parseFloat(window.getComputedStyle(t,null)[e])||t.getBoundingClientRect()[e]},t}();e.a=o},function(t,e,n){"use strict";var o,r,i=n(0),a=n.n(i),l=n(1),s=n(5);n.n(s);var c="left",u="center",h=(o=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));r.call(o);var i=n.left?c:u;return o.interval=n.interval||18,o.state={left:n.left,isScroll:!0,fill:!1,child:null,direction:i},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){var t=this,e=parseFloat(window.getComputedStyle(this.container,null).width),n=e/2;this.setState({rootWidth:e,centre:n,child:this.container.children},function(){return t.checkEl()})},e.prototype.componentWillUnmount=function(){clearInterval(this.timer)},e.prototype.render=function(){var t=this,e=this.state.fill,n=this.props.children;return n=Array.isArray(n)?n:[].concat(n),a.a.createElement("ul",{className:"AutoScrollTab-root",ref:function(e){return t.container=e}},n.map(function(e,n){return a.a.createElement("li",{key:"children"+n,className:"item",onClick:function(){return t.sel(e,n)}},e)}),e&&a.a.createElement("li",{className:"item",style:{width:e+"px"}}))},e}(i.Component),r=function(){var t=this;this.checkEl=function(){for(var e=t.state,n=e.rootWidth,o=e.child,r=0,i=0,a=o.length;i<a;i++)r+=l.a.attr(o[i],"width");if(r>n)return t.fill();t.setState({isScroll:!1})},this.fill=function(){var e=t.state,n=e.rootWidth,o=e.direction,r=e.centre,i=e.child,a=l.a.attr(i[i.length-1],"width"),s=o===u?r-a/2:n-a;t.setState({fill:s})},this.target=function(e){var n=t.state,o=n.direction,r=n.child,i=n.centre,a=r[e],s=a.offsetLeft;return o===u?s+l.a.attr(a,"width")/2>i?s+l.a.attr(a,"width")/2-i:0:s},this.sel=function(e,n){var o=t.target(n);console.log("target==>",o),o>=0&&t.animate(o,t.container)},this.animate=function(e,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"scrollLeft";clearInterval(t.timer),t.timer=setInterval(function(){var r=(e-n[o])/5;r=r>0?Math.ceil(r):Math.floor(r),n[o]+=r,console.log("进行中"),Math.abs(e-n[o])<=Math.abs(r)&&(clearInterval(t.timer),console.log("清除中"),n[o]=e)},t.interval)}},o);e.a=h},function(t,e,n){t.exports=n(4)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});n(2);var o=n(6);n.d(e,"NavBar",function(){return o.a});var r=n(8);n.d(e,"TabContainer",function(){return r.a});var i=n(10);n.d(e,"TabContainerItem",function(){return i.a});var a=n(12);n.d(e,"ScrollView",function(){return a.a});var l=n(14);n.d(e,"LozyLoad",function(){return l.a});var s=n(2);n.d(e,"AutoScrollTab",function(){return s.a})},function(t,e){},function(t,e,n){"use strict";var o,r,i=n(0),a=n.n(i),l=n(1),s=n(7);n.n(s);var c=(o=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));r.call(o);var i=n.data,a=n.children,l=i?i.length:a.length;return o.state={ind:n.index||0,isAnimate:n.isAnimate||!1,onSel:n.onSel,data:n.data,length:l},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){var t=this,e=this.state.length;this.setState({itemWidth:l.a.attr(this.wrap,"width")/e},function(){return t.setBarWidth()})},e.prototype.componentWillReceiveProps=function(t){var e=this,n=t.index,o=t.translate,r=this.state.ind;o&&this.translateBar(o),n>=0&&r!==n&&this.setState({ind:n},function(){return e.setBarWidth()})},e.prototype.render=function(){var t=this,e=this.state,n=e.ind,o=e.data,r=e.itemWidth,i=this.props,l=i.children,s=i.style;return a.a.createElement("div",{style:s,className:"NavBar-root",ref:function(e){return t.wrap=e}},a.a.createElement("div",{className:"container",ref:function(e){return t.container=e}},o?o.map(function(e,o){return a.a.createElement("span",{key:"Nav"+o,style:{width:r+"px"},className:"Nav-item "+(o===n&&"active"),onClick:function(){return t.sel(e,o)}},a.a.createElement("span",null,e.name))}):l.map(function(e,o){return a.a.createElement("span",{key:"Nav"+o,style:{width:r+"px"},className:"Nav-item "+(o===n&&"active"),onClick:function(){return t.sel(e,o)}},e)})),a.a.createElement("div",{className:"Nav-active",style:{width:r+"px",transform:"translatex("+n*r+"px)"},ref:function(e){return t.bar=e}},a.a.createElement("div",{className:"Nav-active-bar",ref:function(e){return t.flag=e}})))},e}(i.Component),r=function(){var t=this;this.translateBar=function(e){var n=t.state.length,o=e.distance,r=e.transition;t.bar.style.transition=r?"all 200ms":"none",t.bar.style.transform="translateX("+-o/n+"px)"},this.sel=function(e,n){var o=t.state,r=o.isAnimate,i=o.onSel;t.bar.style.transition=r?"all 200ms":"none",t.setState({ind:n},function(){i&&i(e,n),t.setBarWidth()})},this.setBarWidth=function(){var e=t.state.ind,n=t.container.children,o=(n[e].children.length>=1?n[e].children[0]:n[e]).getBoundingClientRect().width;t.flag.style.width=o+"px"}},o);e.a=c},function(t,e){},function(t,e,n){"use strict";var o=n(0),r=n.n(o),i=n(9);n.n(i);var a="left",l="right",s="top",c="down",u=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));return o.slideStart=function(t){o.startX=t.changedTouches[0].pageX,o.startY=t.changedTouches[0].pageY},o.slideMove=function(t){var e=t.changedTouches[0].pageX,n=t.changedTouches[0].pageY,r=e-o.startX,i=n-o.startY,u=r-o.itemWidth*o.index;if(!o.slideDirection||o.slideDirection===l||o.slideDirection===a)if(Math.abs(r)>Math.abs(i)&&r>0)event.preventDefault(),0!==o.index&&o.translate(u),o.slideDirection=l;else if(Math.abs(r)>Math.abs(i)&&r<0)event.preventDefault(),o.index!==o.props.children.length-1&&o.translate(u),o.slideDirection=a;else if(Math.abs(i)>Math.abs(r)&&i>0){if(o.slideDirection)return;o.slideDirection=c}else if(Math.abs(i)>Math.abs(r)&&i<0){if(o.slideDirection)return;o.slideDirection=s}},o.slideEnd=function(t){o.endX=t.changedTouches[0].pageX,o.isTranslate()},o.translate=function(t,e){var n="\n "+(e?"transition: all 200ms;":"")+"\n transform:translateX("+t+"px)\n ";o.container.style=n;var r=o.props.onTranslate;r&&r({distance:t,transition:e})},o.isTranslate=function(){if(o.slideDirection===l||o.slideDirection===a){var t=o.props.onSel,e=o.endX-o.startX,n={right:function(){0!==o.index&&o.index--},left:function(){o.index!==o.props.children.length-1&&o.index++}};Math.abs(e)>=o.interval&&(n[o.slideDirection](),console.log("上下页切换",o.index),t&&t(o.index)),o.translate(-o.index*o.itemWidth,!0)}o.slideDirection=null},o.itemWidth=window.screen.width,o.interval=n.interval||parseInt(o.itemWidth/5),o.index=n.index||0,o.oldIndex=n.index||0,o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentWillReceiveProps=function(t){var e=t.index,n=this.props.onTranslate;this.index!==e&&(this.index=e,n&&n({distance:-this.index*this.itemWidth}),this.container.style.transition=null,this.container.style.transform="translateX("+-e*this.itemWidth+"px)")},e.prototype.componentDidMount=function(){this.translate(-this.index*this.itemWidth),this.root.addEventListener("touchstart",this.slideStart),this.root.addEventListener("touchmove",this.slideMove),this.root.addEventListener("touchend",this.slideEnd)},e.prototype.componentWillUnmount=function(){this.root.removeEventListener("touchstart",this.slideStart),this.root.removeEventListener("touchmove",this.slideMove),this.root.removeEventListener("touchend",this.slideEnd)},e.prototype.render=function(){var t=this;return r.a.createElement("div",{className:"tab-container-root",ref:function(e){t.root=e}},r.a.createElement("ul",{className:"tab-container",ref:function(e){t.container=e}},this.props.children))},e}(o.Component);e.a=u},function(t,e){},function(t,e,n){"use strict";var o=n(0),r=n.n(o),i=n(11),a=(n.n(i),Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t});var l=function(t){function e(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.apply(this,arguments))}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.render=function(){var t=this,e=Object.assign({},this.props),n=e.style;return n?n.height||(n.height=window.screen.height+"px"):n={height:window.screen.height+"px"},r.a.createElement("li",a({className:"TabContainerItem"},e,{ref:function(e){return t.el=e}}),this.props.children)},e}(o.Component);e.a=l},function(t,e){},function(t,e,n){"use strict";var o=n(0),r=n.n(o),i=n(1),a=n(13);n.n(a);var l="top",s="bottom",c="loading",u="touch_top",h="touch_bottom",f="touch_left",d="touch_right",p=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));return o.handleTouchStart=function(t){o.startY=t.touches[0].clientY,o.startX=t.touches[0].clientX},o.handleTouchMove=function(t){var e=o.state,n=e.isPullDown,r=e.isPullUp,i=e.topDistance,a=e.bottomDistance,f=e.isPullDownStatus,d=e.isPullUpStatus,p=e.isLoadOver,m=o.wrap.scrollTop,v=t.touches[0].clientY,y=t.touches[0].clientX-o.startX,w=v-o.startY,b=void 0;o.direction=o.setDirection(y,w),n&&o.direction===h&&0===m&&f!==c&&!d?(event.preventDefault(),o.pullDownBarStartY=o.pullDownBarStartY?o.pullDownBarStartY:t.touches[0].clientY,b=(v-o.pullDownBarStartY)/o.limit,o.translate(b,!1),o.setState({isPullDownStatus:b>=i?l:s})):r&&!p&&o.direction===u&&m>=o.bottom&&d!==c&&!f&&(event.preventDefault(),o.pullUpBarStartY=o.pullUpBarStartY?o.pullUpBarStartY:t.touches[0].clientY,b=(v-o.pullUpBarStartY)/o.limit,o.translate(b,!1),o.setState({isPullUpStatus:Math.abs(b)>=a?s:l}))},o.handleTouchEnd=function(t){var e=o.state,n=e.isPullDownStatus,r=e.isPullUpStatus,i=e.topMethod,a=e.bottomMethod,l=e.animateTime;o.pullDownBarStartY=null,o.pullUpBarStartY=null;var s={top:function(){o.translate(),setTimeout(function(){o.setState({isPullUpStatus:null})},l)},bottom:function(){o.setState({isPullUpStatus:c},function(){o.translate(-o.pullUpBarHeight),a&&a()})}};n&&n!==c&&{top:function(){o.setState({isPullDownStatus:c},function(){o.translate(o.pullDownBarHeight),i&&i()})},bottom:function(){o.translate(),setTimeout(function(){o.setState({isPullDownStatus:null})},l)}}[n](),r&&s[r]()},o.setDirection=function(t,e){return Math.abs(t)>Math.abs(e)&&t>0?d:Math.abs(t)>Math.abs(e)&&t<0?f:Math.abs(e)>Math.abs(t)&&e>0?h:Math.abs(e)>Math.abs(t)&&e<0?u:void 0},o.fetchData=function(){var t=o.state,e=t.reLoad,n=t.topMethod;console.log("reload===>",e),e&&o.setState({isPullDownStatus:c,isPullUpStatus:null},function(){o.translate(o.pullDownBarHeight,!0),n&&n()})},o.scroll=function(){var t=o.state,e=t.onLower,n=t.onUpper,r=t.onScroll,i=t.scrollX,a=t.upperThreshold,l=t.lowerThreshold,s=i?"scrollLeft":"scrollTop",c=i?o.children:o.wrap,u=c[s],h=i?parseFloat(window.getComputedStyle(c,null).width):parseFloat(window.getComputedStyle(c,null).height),f=i?c.scrollWidth-h:c.scrollHeight-h;r&&r({scroll:u}),u<=a?n&&n():u>=f-l&&e&&e()},o.fill=function(t){var e=o.state.wrapHeight,n=parseFloat(window.getComputedStyle(o.children).height);e&&(o.wrap.style.height=e+"px"),o.setState({fillAttr:n<e&&e-n},function(){o.scrollBottom(),t&&o.setTarget()})},o.setTarget=function(){var t=o.state,e=t.itemIndex,n=t.itemKey,r=t.scrollX;if("number"==typeof e&&e>=0||n){var i=o.children.children,a=void 0;if(e>=0)a=e;else if(n)for(var l=0;l<o.props.children.length;l++)if(n===o.props.children[l].key){a=l;break}var s=r?o.children:o.wrap;a>=0&&(r?s.scrollLeft=i[a].offsetLeft:s.scrollTop=i[a].offsetTop),setTimeout(function(){s.addEventListener("scroll",o.scroll)},0)}},o.translate=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=o.state,r=n.pullThreshold,i=n.animateTime;Math.abs(t)>r||(o.content.style.transition=e?"all "+i+"ms ease":"none",o.content.style.transform="translate3d(0, "+t+"px,0)")},o.scrollBottom=function(){var t=o.state.fillAttr,e=o.children.scrollHeight,n=parseFloat(window.getComputedStyle(o.wrap).height);o.bottom=t?0:e-n},o.limit=n.limit||4,o.state={reLoad:n.reLoad||!1,loadOverText:n.loadOverText||!1,isLoadOver:n.isLoadOver,requestState:n.requestState,isPullDown:n.isPullDown||!1,isPullUp:n.isPullUp||!1,topDistance:n.topDistance||50,bottomDistance:n.bottomDistance||50,isPullDownStatus:null,isPullUpStatus:null,topMethod:n.topMethod,bottomMethod:n.bottomMethod,wrapHeight:n.wrapHeight,pullThreshold:n.pullThreshold||200,scrollX:n.scrollX||!1,scrollY:n.scrollY||!1,upperThreshold:n.upperThreshold||50,lowerThreshold:n.lowerThreshold||50,onUpper:n.onUpper,onLower:n.onLower,onScroll:n.onScroll,itemIndex:n.itemIndex>=0&&n.itemIndex,itemKey:n.itemKey||!1,animateTime:n.animateTime||300},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){this.state.scrollX?this.setTarget():(this.wrap.addEventListener("touchstart",this.handleTouchStart),this.wrap.addEventListener("touchmove",this.handleTouchMove),this.wrap.addEventListener("touchend",this.handleTouchEnd),this.fetchData(),this.fill(!0))},e.prototype.componentWillReceiveProps=function(t){var e=this,n=t.requestState,o=t.isLoadOver,r=t.itemIndex,i=t.itemKey,a=t.reLoad,l=t.wrapHeight,s=this.state,c=s.isPullUpStatus,u=s.isPullDownStatus,h=s.animateTime,f=function(){0===e.wrap.scrollTop&&e.translate(),setTimeout(function(){e.setState({isPullDownStatus:null},function(){return e.fill()})},h)};n&&(c&&function(){e.translate(),setTimeout(function(){e.setState({isPullUpStatus:null},function(){e.fill()})},h)}(),u&&f()),this.setState({isLoadOver:o,reLoad:a},function(){return e.fetchData()}),r>=0?this.state.itemIndex!==r&&this.setState({itemIndex:r},function(){return e.setTarget()}):i&&this.state.itemKey!==i&&this.setState({itemKey:i},function(){return e.setTarget()}),this.setState({wrapHeight:l},function(){return e.wrap.style.height=l+"px"})},e.prototype.componentWillUnmount=function(){this.wrap.removeEventListener("touchstart",this.handleTouchStart),this.wrap.removeEventListener("touchmove",this.handleTouchMove),this.wrap.removeEventListener("touchend",this.handleTouchEnd),(this.state.scrollX?this.children:this.wrap).removeEventListener("scroll",this.scroll),clearInterval(this.timer)},e.prototype.render=function(){var t=this,e=this.state,n=e.isPullDownStatus,o=e.isPullUpStatus,a=e.fillAttr,u=e.scrollX,h=e.isLoadOver,f=e.loadOverText,d=this.props,p=d.style,m=d.children;m=Array.isArray(m)?m:[].concat(m);var v=function(){return r.a.createElement("div",{className:"spinner"},r.a.createElement("div",{className:"bounce1"}),r.a.createElement("div",{className:"bounce2"}),r.a.createElement("div",{className:"bounce3"}))};return r.a.createElement("div",{className:"load-more-root",style:p,ref:function(e){return t.wrap=e}},r.a.createElement("div",{className:"load-more-content",ref:function(e){return t.content=e}},!u&&n&&!o&&r.a.createElement("div",{className:"pull-down-bar",ref:function(e){e&&(t.pullDownBarHeight=i.a.attr(e,"height"))}},n===c?r.a.createElement(v,null):r.a.createElement("span",{className:"is-transition "+(n===l?"is-rotate":"")},"↓")),r.a.createElement("div",{className:"scroll-view-root "+(u?"scroll-view-x":"scroll-view-y")+" ",ref:function(e){return t.children=e}},m.map(function(t,e){return r.a.createElement("div",{key:"children"+e,className:u?"scroll-x-item":"scroll-y-item"},t)})),h&&f&&(f?r.a.createElement("p",{className:"pull-up-tip"},f):r.a.createElement("p",{className:"pull-up-tip"},"全部加载完毕~")),a&&r.a.createElement("div",{style:{height:a+"px"}}),!u&&!h&&o&&!n&&r.a.createElement("div",{className:"pull-up-bar",ref:function(e){return e&&(t.pullUpBarHeight=parseFloat(window.getComputedStyle(e).height))}},o===c?r.a.createElement(v,null):r.a.createElement("span",{className:"is-transition "+(o===s?"is-rotate":"")+" "},"↑"))))},e}(o.Component);e.a=p},function(t,e){},function(t,e,n){"use strict";var o=n(0),r=n.n(o),i=n(15),a=n(16),l=(n.n(a),Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t});var s=function(t){function e(n){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e);var o=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,t.call(this,n));return o.lazyLoad=o.lazyLoad.bind(o,n.src),o.state={isAnimate:!1},o}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(e,t),e.prototype.componentDidMount=function(){this.isScroll(),window.addEventListener("scroll",this.lazyLoad),window.addEventListener("resize",this.lazyLoad)},e.prototype.componentWillUnmount=function(){window.removeEventListener("scroll",this.lazyLoad),window.removeEventListener("resize",this.lazyLoad)},e.prototype.isScroll=function(){document.body.clientHeight<=i.a.clientHeight()&&this.lazyLoad()},e.prototype.lazyLoad=function(t){i.a.availHeight()+i.a.scrollTop()>this.img.offsetTop-100&&!this.img.src&&(this.img.src=t)},e.prototype.render=function(){var t=this,e=this.state.isAnimate,n=Object.assign({},this.props);return r.a.createElement("div",{className:e?"LazyLoadImg":"",style:{opacity:e?1:0}},r.a.createElement("img",l({},n,{alt:"",ref:function(e){t.img=e},onLoad:function(){t.setState({isAnimate:!0})}})))},e}(o.Component);e.a=s},function(t,e,n){"use strict";var o=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t)}return t.maxWidth=function(){return Math.min(640,this.clientWidth())},t.documentElement=function(){return document.body.clientWidth+document.body.clientHeight+document.body.scrollWidth+document.body.scrollHeight+document.body.scrollTop>document.documentElement.clientWidth+document.documentElement.clientHeight+document.documentElement.scrollWidth+document.documentElement.scrollHeight+document.documentElement.scrollTop?document.body:document.documentElement},t.rootElement=function(){return document.getElementById("root")},t.availWidth=function(){return window.screen.availWidth},t.availHeight=function(){return window.screen.availHeight},t.scrollHeight=function(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},t.scrollWidth=function(){return Math.max(document.body.scrollWidth,document.documentElement.scrollWidth)},t.scrollTop=function(){return Math.max(document.body.scrollTop,document.documentElement.scrollTop)},t.scrollToTop=function(){window.scrollTo(0,0)},t.setScrollTop=function(t){document.body.scrollTop=t,document.documentElement.scrollTop=t},t.clientHeight=function(){return Math.max(document.body.clientHeight,document.documentElement.clientHeight)},t.clientWidth=function(){return Math.max(document.body.clientWidth,document.documentElement.clientWidth)},t.resetFontSize=function(){var e=t.maxWidth()/7.5;t.fontSize=e,document.documentElement.style.fontSize=e+"px",document.body.style.maxWidth=t.maxWidth()+"px"},t.setInstance=function(e){t.app=e},t.removeInstance=function(){t.app=void 0},t.alert=function(e,n){t.app.setState({alert:{message:e,onClose:function(){t.app.setState({alert:void 0},function(){n&&n()})}}})},t.confirm=function(e,n,o,r){t.app.setState({confirm:{title:e,message:n,onConfirm:function(){t.app.setState({confirm:void 0},function(){o&&o()})},onCancel:function(){t.app.setState({confirm:void 0},function(){r&&r()})}}})},t.loading=function(e,n){t.app.setState({loading:e},function(){n&&n()})},t.isHorizontal=function(){return t.clientWidth()>t.clientHeight()},t}();e.a=o},function(t,e){}]).default}); | ||
//# sourceMappingURL=bestnihon-react-components.min.js.map |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
280363
4336