Socket
Socket
Sign inDemoInstall

bestnihon-react-components

Package Overview
Dependencies
1
Maintainers
1
Versions
54
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.2.4 to 2.2.5

umd/main.63db4377.css
umd/main.63db4377.css.map

0

es/AutoScrollTab/AutoScrollTab.js

@@ -0,0 +0,0 @@ var _class, _temp, _initialiseProps;

0

es/NavBar/NavBar.js

@@ -0,0 +0,0 @@ var _class, _temp, _initialiseProps;

187

es/ScrollView/ScrollView.js

@@ -8,3 +8,2 @@ 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';

@@ -17,4 +16,2 @@ var TOP = 'top';

var TOUCH_BOTTOM = 'touch_bottom';
var TOUCH_LEFT = 'touch_left';
var TOUCH_RIGHT = 'touch_right';

@@ -30,4 +27,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;
};

@@ -47,8 +44,4 @@

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 = _this.setDirection(x, y);
// if (this.direction === TOUCH_LEFT || this.direction === TOUCH_RIGHT) return
_this.direction = moveY - _this.startY > 0 ? TOUCH_BOTTOM : TOUCH_TOP;
// console.log('滚动距离==>' + scrollTop, '上拉加载距离==>' + this.bottom)

@@ -132,25 +125,9 @@ 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,
reLoad = _this$state3.reLoad,
topMethod = _this$state3.topMethod;
isFetch = _this$state3.isFetch,
topMethod = _this$state3.topMethod,
animateTime = _this$state3.animateTime;
console.log('reload===>', reLoad);
if (reLoad) {
if (isFetch) {
_this.setState({

@@ -193,3 +170,3 @@ isPullDownStatus: LOADING,

var itemHeight = parseFloat(window.getComputedStyle(_this.children).height);
wrapHeight && (_this.wrap.style.height = wrapHeight + 'px');
_this.wrap.style.height = wrapHeight + 'px';
_this.setState({

@@ -210,31 +187,30 @@ fillAttr: itemHeight < wrapHeight ? wrapHeight - itemHeight : false

if (typeof itemIndex === 'number' && itemIndex >= 0 || itemKey) {
var children = _this.children.children;
var index = void 0;
// 检测下标 || key 值
if (!itemIndex || !itemKey) return;
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);
};

@@ -266,4 +242,3 @@

_this.state = {
reLoad: props.reLoad || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false
loadOverText: props.loadOverText || false, // 当上拉加载所有后 是否展示加载完毕 提示 , 默认不展示
isFetch: props.isFetch || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false
isLoadOver: props.isLoadOver, // 请求是否完成,可传字符串 || Boolean, Boolean 为 true 时默认展示字段'全部加载完毕', 传字符串就展示字符串

@@ -299,17 +274,25 @@ requestState: props.requestState, // 请求是否完成

ScrollView.prototype.componentDidMount = function componentDidMount() {
var scrollX = this.state.scrollX;
var _this2 = this;
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);
}
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);
}
});
};
ScrollView.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
var _this2 = this;
var _this3 = this;

@@ -319,19 +302,18 @@ var requestState = nextProps.requestState,

itemIndex = nextProps.itemIndex,
itemKey = nextProps.itemKey,
reLoad = nextProps.reLoad,
wrapHeight = nextProps.wrapHeight;
var _state = this.state,
isPullUpStatus = _state.isPullUpStatus,
isPullDownStatus = _state.isPullDownStatus,
animateTime = _state.animateTime;
itemKey = nextProps.itemKey;
var _state2 = this.state,
isPullUpStatus = _state2.isPullUpStatus,
isPullDownStatus = _state2.isPullDownStatus,
animateTime = _state2.animateTime;
var OO = {
// 上拉加载
pullUp: function pullUp() {
_this2.translate();
_this3.translate();
setTimeout(function () {
_this2.setState({
_this3.setState({
isPullUpStatus: null
}, function () {
_this2.fill();
_this3.fill();
});

@@ -344,8 +326,8 @@ }, animateTime);

// 但当用户停留在 loading 不滚动的时候 就给他来个 动效
_this2.wrap.scrollTop === 0 && _this2.translate();
_this3.wrap.scrollTop === 0 && _this3.translate();
setTimeout(function () {
_this2.setState({
_this3.setState({
isPullDownStatus: null
}, function () {
return _this2.fill();
return _this3.fill();
});

@@ -359,17 +341,12 @@ }, animateTime);

}
this.setState({ isLoadOver: isLoadOver, reLoad: reLoad }, function () {
return _this2.fetchData();
});
this.setState({ isLoadOver: isLoadOver });
if (itemIndex >= 0) {
this.state.itemIndex !== itemIndex && this.setState({ itemIndex: itemIndex }, function () {
return _this2.setTarget();
return _this3.setTarget();
});
} else if (itemKey) {
this.state.itemKey !== itemKey && this.setState({ itemKey: itemKey }, function () {
return _this2.setTarget();
return _this3.setTarget();
});
}
this.setState({ wrapHeight: wrapHeight }, function () {
return _this2.wrap.style.height = wrapHeight + 'px';
});
};

@@ -386,4 +363,2 @@

// 方向判定
// 无数据直接触发顶部 loading, 并执行 topMethod函数

@@ -435,11 +410,11 @@

ScrollView.prototype.render = function render() {
var _this3 = this;
var _this4 = this;
var _state2 = this.state,
isPullDownStatus = _state2.isPullDownStatus,
isPullUpStatus = _state2.isPullUpStatus,
fillAttr = _state2.fillAttr,
scrollX = _state2.scrollX,
isLoadOver = _state2.isLoadOver,
loadOverText = _state2.loadOverText;
var _state3 = this.state,
isPullDownStatus = _state3.isPullDownStatus,
isPullUpStatus = _state3.isPullUpStatus,
fillAttr = _state3.fillAttr,
scrollX = _state3.scrollX,
translate = _state3.translate,
isLoadOver = _state3.isLoadOver;
var _props = this.props,

@@ -463,3 +438,3 @@ style = _props.style,

{ className: 'load-more-root', style: style, ref: function ref(node) {
return _this3.wrap = node;
return _this4.wrap = node;
} },

@@ -469,3 +444,3 @@ React.createElement(

{ className: 'load-more-content', ref: function ref(node) {
return _this3.content = node;
return _this4.content = node;
} },

@@ -475,3 +450,3 @@ !scrollX && isPullDownStatus && !isPullUpStatus && React.createElement(

{ className: 'pull-down-bar', ref: function ref(node) {
node && (_this3.pullDownBarHeight = Common.attr(node, 'height'));
node && (_this4.pullDownBarHeight = parseFloat(window.getComputedStyle(node).height));
} },

@@ -489,3 +464,3 @@ isPullDownStatus === LOADING ? React.createElement(Spinner, null) : React.createElement(

ref: function ref(node) {
return _this3.children = node;
return _this4.children = node;
}

@@ -504,10 +479,10 @@ },

),
isLoadOver && loadOverText && (loadOverText ? React.createElement(
isLoadOver && (typeof isLoadOver === 'string' ? React.createElement(
'p',
{ className: 'pull-up-tip' },
loadOverText
isLoadOver
) : React.createElement(
'p',
{ className: 'pull-up-tip' },
'\u5168\u90E8\u52A0\u8F7D\u5B8C\u6BD5~'
'\u52A0\u8F7D\u5B8C\u6BD5'
)),

@@ -518,3 +493,3 @@ fillAttr && React.createElement('div', { style: { height: fillAttr + 'px' } }),

{ className: 'pull-up-bar', ref: function ref(node) {
return node && (_this3.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height));
return node && (_this4.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height));
}

@@ -521,0 +496,0 @@ },

0

es/TabContainer/TabContainer.js

@@ -0,0 +0,0 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

0

es/TabContainerItem/TabContainerItem.js

@@ -0,0 +0,0 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

0

es/utils/Common.js

@@ -0,0 +0,0 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

0

lib/AutoScrollTab/AutoScrollTab.js

@@ -0,0 +0,0 @@ 'use strict';

0

lib/NavBar/NavBar.js

@@ -0,0 +0,0 @@ 'use strict';

190

lib/ScrollView/ScrollView.js

@@ -9,6 +9,2 @@ 'use strict';

var _Common = require('../utils/Common');
var _Common2 = _interopRequireDefault(_Common);
require('./ScrollView.css');

@@ -30,4 +26,2 @@

var TOUCH_BOTTOM = 'touch_bottom';
var TOUCH_LEFT = 'touch_left';
var TOUCH_RIGHT = 'touch_right';

@@ -43,4 +37,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;
};

@@ -60,8 +54,4 @@

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 = _this.setDirection(x, y);
// if (this.direction === TOUCH_LEFT || this.direction === TOUCH_RIGHT) return
_this.direction = moveY - _this.startY > 0 ? TOUCH_BOTTOM : TOUCH_TOP;
// console.log('滚动距离==>' + scrollTop, '上拉加载距离==>' + this.bottom)

@@ -145,25 +135,9 @@ 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,
reLoad = _this$state3.reLoad,
topMethod = _this$state3.topMethod;
isFetch = _this$state3.isFetch,
topMethod = _this$state3.topMethod,
animateTime = _this$state3.animateTime;
console.log('reload===>', reLoad);
if (reLoad) {
if (isFetch) {
_this.setState({

@@ -206,3 +180,3 @@ isPullDownStatus: LOADING,

var itemHeight = parseFloat(window.getComputedStyle(_this.children).height);
wrapHeight && (_this.wrap.style.height = wrapHeight + 'px');
_this.wrap.style.height = wrapHeight + 'px';
_this.setState({

@@ -223,31 +197,30 @@ fillAttr: itemHeight < wrapHeight ? wrapHeight - itemHeight : false

if (typeof itemIndex === 'number' && itemIndex >= 0 || itemKey) {
var children = _this.children.children;
var index = void 0;
// 检测下标 || key 值
if (!itemIndex || !itemKey) return;
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);
};

@@ -279,4 +252,3 @@

_this.state = {
reLoad: props.reLoad || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false
loadOverText: props.loadOverText || false, // 当上拉加载所有后 是否展示加载完毕 提示 , 默认不展示
isFetch: props.isFetch || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false
isLoadOver: props.isLoadOver, // 请求是否完成,可传字符串 || Boolean, Boolean 为 true 时默认展示字段'全部加载完毕', 传字符串就展示字符串

@@ -312,17 +284,25 @@ requestState: props.requestState, // 请求是否完成

ScrollView.prototype.componentDidMount = function componentDidMount() {
var scrollX = this.state.scrollX;
var _this2 = this;
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);
}
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);
}
});
};
ScrollView.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
var _this2 = this;
var _this3 = this;

@@ -332,19 +312,18 @@ var requestState = nextProps.requestState,

itemIndex = nextProps.itemIndex,
itemKey = nextProps.itemKey,
reLoad = nextProps.reLoad,
wrapHeight = nextProps.wrapHeight;
var _state = this.state,
isPullUpStatus = _state.isPullUpStatus,
isPullDownStatus = _state.isPullDownStatus,
animateTime = _state.animateTime;
itemKey = nextProps.itemKey;
var _state2 = this.state,
isPullUpStatus = _state2.isPullUpStatus,
isPullDownStatus = _state2.isPullDownStatus,
animateTime = _state2.animateTime;
var OO = {
// 上拉加载
pullUp: function pullUp() {
_this2.translate();
_this3.translate();
setTimeout(function () {
_this2.setState({
_this3.setState({
isPullUpStatus: null
}, function () {
_this2.fill();
_this3.fill();
});

@@ -357,8 +336,8 @@ }, animateTime);

// 但当用户停留在 loading 不滚动的时候 就给他来个 动效
_this2.wrap.scrollTop === 0 && _this2.translate();
_this3.wrap.scrollTop === 0 && _this3.translate();
setTimeout(function () {
_this2.setState({
_this3.setState({
isPullDownStatus: null
}, function () {
return _this2.fill();
return _this3.fill();
});

@@ -372,17 +351,12 @@ }, animateTime);

}
this.setState({ isLoadOver: isLoadOver, reLoad: reLoad }, function () {
return _this2.fetchData();
});
this.setState({ isLoadOver: isLoadOver });
if (itemIndex >= 0) {
this.state.itemIndex !== itemIndex && this.setState({ itemIndex: itemIndex }, function () {
return _this2.setTarget();
return _this3.setTarget();
});
} else if (itemKey) {
this.state.itemKey !== itemKey && this.setState({ itemKey: itemKey }, function () {
return _this2.setTarget();
return _this3.setTarget();
});
}
this.setState({ wrapHeight: wrapHeight }, function () {
return _this2.wrap.style.height = wrapHeight + 'px';
});
};

@@ -399,4 +373,2 @@

// 方向判定
// 无数据直接触发顶部 loading, 并执行 topMethod函数

@@ -448,11 +420,11 @@

ScrollView.prototype.render = function render() {
var _this3 = this;
var _this4 = this;
var _state2 = this.state,
isPullDownStatus = _state2.isPullDownStatus,
isPullUpStatus = _state2.isPullUpStatus,
fillAttr = _state2.fillAttr,
scrollX = _state2.scrollX,
isLoadOver = _state2.isLoadOver,
loadOverText = _state2.loadOverText;
var _state3 = this.state,
isPullDownStatus = _state3.isPullDownStatus,
isPullUpStatus = _state3.isPullUpStatus,
fillAttr = _state3.fillAttr,
scrollX = _state3.scrollX,
translate = _state3.translate,
isLoadOver = _state3.isLoadOver;
var _props = this.props,

@@ -476,3 +448,3 @@ style = _props.style,

{ className: 'load-more-root', style: style, ref: function ref(node) {
return _this3.wrap = node;
return _this4.wrap = node;
} },

@@ -482,3 +454,3 @@ _react2.default.createElement(

{ className: 'load-more-content', ref: function ref(node) {
return _this3.content = node;
return _this4.content = node;
} },

@@ -488,3 +460,3 @@ !scrollX && isPullDownStatus && !isPullUpStatus && _react2.default.createElement(

{ className: 'pull-down-bar', ref: function ref(node) {
node && (_this3.pullDownBarHeight = _Common2.default.attr(node, 'height'));
node && (_this4.pullDownBarHeight = parseFloat(window.getComputedStyle(node).height));
} },

@@ -502,3 +474,3 @@ isPullDownStatus === LOADING ? _react2.default.createElement(Spinner, null) : _react2.default.createElement(

ref: function ref(node) {
return _this3.children = node;
return _this4.children = node;
}

@@ -517,10 +489,10 @@ },

),
isLoadOver && loadOverText && (loadOverText ? _react2.default.createElement(
isLoadOver && (typeof isLoadOver === 'string' ? _react2.default.createElement(
'p',
{ className: 'pull-up-tip' },
loadOverText
isLoadOver
) : _react2.default.createElement(
'p',
{ className: 'pull-up-tip' },
'\u5168\u90E8\u52A0\u8F7D\u5B8C\u6BD5~'
'\u52A0\u8F7D\u5B8C\u6BD5'
)),

@@ -531,3 +503,3 @@ fillAttr && _react2.default.createElement('div', { style: { height: fillAttr + 'px' } }),

{ className: 'pull-up-bar', ref: function ref(node) {
return node && (_this3.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height));
return node && (_this4.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height));
}

@@ -534,0 +506,0 @@ },

0

lib/TabContainer/TabContainer.js

@@ -0,0 +0,0 @@ 'use strict';

0

lib/TabContainerItem/TabContainerItem.js

@@ -0,0 +0,0 @@ 'use strict';

0

lib/utils/Common.js

@@ -0,0 +0,0 @@ "use strict";

7

package.json
{
"name": "bestnihon-react-components",
"version": "2.2.4",
"version": "2.2.5",
"description": "bestnihon-react-components React component",

@@ -35,7 +35,4 @@ "main": "lib/index.js",

"keywords": [
"react-component",
"load-more",
"auto-scroll-tab",
"tabcontainer"
"react-component","load-more","auto-scroll-tab","tabcontainer"
]
}

0

README.md

@@ -0,0 +0,0 @@ # react-Q-element

262

umd/bestnihon-react-components.js
/*!
* bestnihon-react-components v2.2.4
* bestnihon-react-components v2.2.5
* MIT Licensed

@@ -91,35 +91,5 @@ */

"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__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__AutoScrollTab_css__ = __webpack_require__(5);

@@ -304,2 +274,32 @@ /* 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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__AutoScrollTab_AutoScrollTab__ = __webpack_require__(1);
/* 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__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__AutoScrollTab_AutoScrollTab_js__ = __webpack_require__(1);
/* 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__(1);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(2);
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__NavBar_css__ = __webpack_require__(7);

@@ -856,5 +856,4 @@ /* 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__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__);
/* 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__);
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

@@ -868,3 +867,2 @@

var TOP = 'top';

@@ -876,4 +874,2 @@ var BOTTOM = 'bottom';

var TOUCH_BOTTOM = 'touch_bottom';
var TOUCH_LEFT = 'touch_left';
var TOUCH_RIGHT = 'touch_right';

@@ -889,4 +885,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;
};

@@ -906,8 +902,4 @@

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 = _this.setDirection(x, y);
// if (this.direction === TOUCH_LEFT || this.direction === TOUCH_RIGHT) return
_this.direction = moveY - _this.startY > 0 ? TOUCH_BOTTOM : TOUCH_TOP;
// console.log('滚动距离==>' + scrollTop, '上拉加载距离==>' + this.bottom)

@@ -991,25 +983,9 @@ 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,
reLoad = _this$state3.reLoad,
topMethod = _this$state3.topMethod;
isFetch = _this$state3.isFetch,
topMethod = _this$state3.topMethod,
animateTime = _this$state3.animateTime;
console.log('reload===>', reLoad);
if (reLoad) {
if (isFetch) {
_this.setState({

@@ -1052,3 +1028,3 @@ isPullDownStatus: LOADING,

var itemHeight = parseFloat(window.getComputedStyle(_this.children).height);
wrapHeight && (_this.wrap.style.height = wrapHeight + 'px');
_this.wrap.style.height = wrapHeight + 'px';
_this.setState({

@@ -1069,31 +1045,30 @@ fillAttr: itemHeight < wrapHeight ? wrapHeight - itemHeight : false

if (typeof itemIndex === 'number' && itemIndex >= 0 || itemKey) {
var children = _this.children.children;
var index = void 0;
// 检测下标 || key 值
if (!itemIndex || !itemKey) return;
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);
};

@@ -1125,4 +1100,3 @@

_this.state = {
reLoad: props.reLoad || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false
loadOverText: props.loadOverText || false, // 当上拉加载所有后 是否展示加载完毕 提示 , 默认不展示
isFetch: props.isFetch || false, // 当页面没有数据的时候,开启 loading 效果,直接触发 topMethod 函数, 默认为 false
isLoadOver: props.isLoadOver, // 请求是否完成,可传字符串 || Boolean, Boolean 为 true 时默认展示字段'全部加载完毕', 传字符串就展示字符串

@@ -1158,17 +1132,25 @@ requestState: props.requestState, // 请求是否完成

ScrollView.prototype.componentDidMount = function componentDidMount() {
var scrollX = this.state.scrollX;
var _this2 = this;
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);
}
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);
}
});
};
ScrollView.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
var _this2 = this;
var _this3 = this;

@@ -1178,19 +1160,18 @@ var requestState = nextProps.requestState,

itemIndex = nextProps.itemIndex,
itemKey = nextProps.itemKey,
reLoad = nextProps.reLoad,
wrapHeight = nextProps.wrapHeight;
var _state = this.state,
isPullUpStatus = _state.isPullUpStatus,
isPullDownStatus = _state.isPullDownStatus,
animateTime = _state.animateTime;
itemKey = nextProps.itemKey;
var _state2 = this.state,
isPullUpStatus = _state2.isPullUpStatus,
isPullDownStatus = _state2.isPullDownStatus,
animateTime = _state2.animateTime;
var OO = {
// 上拉加载
pullUp: function pullUp() {
_this2.translate();
_this3.translate();
setTimeout(function () {
_this2.setState({
_this3.setState({
isPullUpStatus: null
}, function () {
_this2.fill();
_this3.fill();
});

@@ -1203,8 +1184,8 @@ }, animateTime);

// 但当用户停留在 loading 不滚动的时候 就给他来个 动效
_this2.wrap.scrollTop === 0 && _this2.translate();
_this3.wrap.scrollTop === 0 && _this3.translate();
setTimeout(function () {
_this2.setState({
_this3.setState({
isPullDownStatus: null
}, function () {
return _this2.fill();
return _this3.fill();
});

@@ -1218,17 +1199,12 @@ }, animateTime);

}
this.setState({ isLoadOver: isLoadOver, reLoad: reLoad }, function () {
return _this2.fetchData();
});
this.setState({ isLoadOver: isLoadOver });
if (itemIndex >= 0) {
this.state.itemIndex !== itemIndex && this.setState({ itemIndex: itemIndex }, function () {
return _this2.setTarget();
return _this3.setTarget();
});
} else if (itemKey) {
this.state.itemKey !== itemKey && this.setState({ itemKey: itemKey }, function () {
return _this2.setTarget();
return _this3.setTarget();
});
}
this.setState({ wrapHeight: wrapHeight }, function () {
return _this2.wrap.style.height = wrapHeight + 'px';
});
};

@@ -1245,4 +1221,2 @@

// 方向判定
// 无数据直接触发顶部 loading, 并执行 topMethod函数

@@ -1294,11 +1268,11 @@

ScrollView.prototype.render = function render() {
var _this3 = this;
var _this4 = this;
var _state2 = this.state,
isPullDownStatus = _state2.isPullDownStatus,
isPullUpStatus = _state2.isPullUpStatus,
fillAttr = _state2.fillAttr,
scrollX = _state2.scrollX,
isLoadOver = _state2.isLoadOver,
loadOverText = _state2.loadOverText;
var _state3 = this.state,
isPullDownStatus = _state3.isPullDownStatus,
isPullUpStatus = _state3.isPullUpStatus,
fillAttr = _state3.fillAttr,
scrollX = _state3.scrollX,
translate = _state3.translate,
isLoadOver = _state3.isLoadOver;
var _props = this.props,

@@ -1322,3 +1296,3 @@ style = _props.style,

{ className: 'load-more-root', style: style, ref: function ref(node) {
return _this3.wrap = node;
return _this4.wrap = node;
} },

@@ -1328,3 +1302,3 @@ __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(

{ className: 'load-more-content', ref: function ref(node) {
return _this3.content = node;
return _this4.content = node;
} },

@@ -1334,3 +1308,3 @@ !scrollX && isPullDownStatus && !isPullUpStatus && __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(

{ className: 'pull-down-bar', ref: function ref(node) {
node && (_this3.pullDownBarHeight = __WEBPACK_IMPORTED_MODULE_1__utils_Common__["a" /* default */].attr(node, 'height'));
node && (_this4.pullDownBarHeight = parseFloat(window.getComputedStyle(node).height));
} },

@@ -1348,3 +1322,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 _this3.children = node;
return _this4.children = node;
}

@@ -1363,10 +1337,10 @@ },

),
isLoadOver && loadOverText && (loadOverText ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
isLoadOver && (typeof isLoadOver === 'string' ? __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
'p',
{ className: 'pull-up-tip' },
loadOverText
isLoadOver
) : __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
'p',
{ className: 'pull-up-tip' },
'\u5168\u90E8\u52A0\u8F7D\u5B8C\u6BD5~'
'\u52A0\u8F7D\u5B8C\u6BD5'
)),

@@ -1377,3 +1351,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 && (_this3.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height));
return node && (_this4.pullUpBarHeight = parseFloat(window.getComputedStyle(node).height));
}

@@ -1380,0 +1354,0 @@ },

4

umd/bestnihon-react-components.min.js
/*!
* bestnihon-react-components v2.2.4
* bestnihon-react-components v2.2.5
* 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 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});
!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});
//# sourceMappingURL=bestnihon-react-components.min.js.map
umd/main.d8c8d400.css
umd/main.d8c8d400.css.map
es/AutoScrollTab/AutoScrollTab.css

Sorry, the diff of this file is not supported yet

es/LazyLoad/LazyLoad.css

Sorry, the diff of this file is not supported yet

es/NavBar/NavBar.css

Sorry, the diff of this file is not supported yet

es/ScrollView/ScrollView.css

Sorry, the diff of this file is not supported yet

es/TabContainer/TabContainer.css

Sorry, the diff of this file is not supported yet

es/TabContainerItem/TabContainerItem.css

Sorry, the diff of this file is not supported yet

lib/AutoScrollTab/AutoScrollTab.css

Sorry, the diff of this file is not supported yet

lib/LazyLoad/LazyLoad.css

Sorry, the diff of this file is not supported yet

lib/NavBar/NavBar.css

Sorry, the diff of this file is not supported yet

lib/ScrollView/ScrollView.css

Sorry, the diff of this file is not supported yet

lib/TabContainer/TabContainer.css

Sorry, the diff of this file is not supported yet

lib/TabContainerItem/TabContainerItem.css

Sorry, the diff of this file is not supported yet

umd/bestnihon-react-components.min.js.map

Sorry, the diff of this file is not supported yet

umd/main.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc