bestnihon-react-components - npm Package Compare versions

Comparing version 2.1.3 to 2.1.4

es/NavBar/NavBar.js

@@ -10,2 +10,3 @@ var _class, _temp, _initialiseProps;
 import React, { Component } from 'react';
+import Common from '../utils/Common';
 import './NavBar.css';
@@ -51,3 +52,2 @@
       data: props.data, // 接受数组形式 [{name: String, type: Number}]  也可接受 children
-      itemWidth: window.screen.width / length, // 标签宽度
       length: length // 数组 || children 个数
@@ -59,7 +59,15 @@ };
   NavBar.prototype.componentDidMount = function componentDidMount() {
-    this.setBarWidth();
+    var _this2 = this;
+
+    var length = this.state.length;
+
+    this.setState({
+      itemWidth: Common.attr(this.wrap, 'width') / length
+    }, function () {
+      return _this2.setBarWidth();
+    });
   };
 
   NavBar.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-    var _this2 = this;
+    var _this3 = this;
 
@@ -73,3 +81,3 @@ var index = nextProps.index,
     if (index >= 0 && ind !== index) this.setState({ ind: index }, function () {
-      return _this2.setBarWidth();
+      return _this3.setBarWidth();
     });
@@ -82,10 +90,6 @@ };
   NavBar.prototype.render = function render() {
-    var _this3 = this;
+    var _this4 = this;
 
     var _state = this.state,
         ind = _state.ind,
-        translate = _state.translate,
-        newInd = _state.newInd,
-        onSel = _state.onSel,
-        length = _state.length,
         data = _state.data,
@@ -97,9 +101,12 @@ itemWidth = _state.itemWidth;
 
+
     return React.createElement(
       'div',
-      { style: style, className: 'NavBar-root' },
+      { style: style, className: 'NavBar-root', ref: function ref(node) {
+          return _this4.wrap = node;
+        } },
       React.createElement(
         'div',
         { className: 'container', ref: function ref(node) {
-            _this3.container = node;
+            return _this4.container = node;
           } },
@@ -114,3 +121,3 @@ data ? data.map(function (item, index) {
               onClick: function onClick() {
-                return _this3.sel(item, index);
+                return _this4.sel(item, index);
               }
@@ -132,3 +139,3 @@ },
               onClick: function onClick() {
-                return _this3.sel(item, index);
+                return _this4.sel(item, index);
               } },
@@ -142,6 +149,6 @@ item
         { className: 'Nav-active', style: { width: itemWidth + 'px', transform: 'translatex(' + ind * itemWidth + 'px)' }, ref: function ref(node) {
-            return _this3.bar = node;
+            return _this4.bar = node;
           } },
         React.createElement('div', { className: 'Nav-active-bar', ref: function ref(node) {
-            return _this3.flag = node;
+            return _this4.flag = node;
           } })
@@ -154,6 +161,6 @@ )
 }(Component), _initialiseProps = function _initialiseProps() {
-  var _this4 = this;
+  var _this5 = this;
 
   this.translateBar = function (s) {
-    var length = _this4.state.length;
+    var length = _this5.state.length;
     var distance = s.distance,
@@ -163,4 +170,4 @@ transition = s.transition;
 
-    transition ? _this4.bar.style.transition = 'all 200ms' : _this4.bar.style.transition = 'none';
-    _this4.bar.style.transform = 'translateX(' + -distance / length + 'px)';
+    transition ? _this5.bar.style.transition = 'all 200ms' : _this5.bar.style.transition = 'none';
+    _this5.bar.style.transform = 'translateX(' + -distance / length + 'px)';
   };
@@ -170,10 +177,10 @@
     // TIP: 点击不做节流, 为了组件的开放性, 节流交给使用者来做
-    var _state2 = _this4.state,
+    var _state2 = _this5.state,
         isAnimate = _state2.isAnimate,
         onSel = _state2.onSel;
 
-    isAnimate ? _this4.bar.style.transition = 'all 200ms' : _this4.bar.style.transition = 'none';
-    _this4.setState({ ind: index }, function () {
+    isAnimate ? _this5.bar.style.transition = 'all 200ms' : _this5.bar.style.transition = 'none';
+    _this5.setState({ ind: index }, function () {
       onSel && onSel(item, index);
-      _this4.setBarWidth();
+      _this5.setBarWidth();
     });
@@ -183,8 +190,8 @@ };
   this.setBarWidth = function () {
-    var ind = _this4.state.ind;
+    var ind = _this5.state.ind;
 
-    var els = _this4.container.children;
+    var els = _this5.container.children;
     var el = els[ind].children.length >= 1 ? els[ind].children[0] : els[ind];
     var w = el.getBoundingClientRect().width;
-    _this4.flag.style.width = w + 'px';
+    _this5.flag.style.width = w + 'px';
   };
@@ -191,0 +198,0 @@ }, _temp);

lib/NavBar/NavBar.js

@@ -11,2 +11,6 @@ 'use strict';
 
+var _Common = require('../utils/Common');
+
+var _Common2 = _interopRequireDefault(_Common);
+
 require('./NavBar.css');
@@ -60,3 +64,2 @@
       data: props.data, // 接受数组形式 [{name: String, type: Number}]  也可接受 children
-      itemWidth: window.screen.width / length, // 标签宽度
       length: length // 数组 || children 个数
@@ -68,7 +71,15 @@ };
   NavBar.prototype.componentDidMount = function componentDidMount() {
-    this.setBarWidth();
+    var _this2 = this;
+
+    var length = this.state.length;
+
+    this.setState({
+      itemWidth: _Common2.default.attr(this.wrap, 'width') / length
+    }, function () {
+      return _this2.setBarWidth();
+    });
   };
 
   NavBar.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-    var _this2 = this;
+    var _this3 = this;
 
@@ -82,3 +93,3 @@ var index = nextProps.index,
     if (index >= 0 && ind !== index) this.setState({ ind: index }, function () {
-      return _this2.setBarWidth();
+      return _this3.setBarWidth();
     });
@@ -91,10 +102,6 @@ };
   NavBar.prototype.render = function render() {
-    var _this3 = this;
+    var _this4 = this;
 
     var _state = this.state,
         ind = _state.ind,
-        translate = _state.translate,
-        newInd = _state.newInd,
-        onSel = _state.onSel,
-        length = _state.length,
         data = _state.data,
@@ -106,9 +113,12 @@ itemWidth = _state.itemWidth;
 
+
     return _react2.default.createElement(
       'div',
-      { style: style, className: 'NavBar-root' },
+      { style: style, className: 'NavBar-root', ref: function ref(node) {
+          return _this4.wrap = node;
+        } },
       _react2.default.createElement(
         'div',
         { className: 'container', ref: function ref(node) {
-            _this3.container = node;
+            return _this4.container = node;
           } },
@@ -123,3 +133,3 @@ data ? data.map(function (item, index) {
               onClick: function onClick() {
-                return _this3.sel(item, index);
+                return _this4.sel(item, index);
               }
@@ -141,3 +151,3 @@ },
               onClick: function onClick() {
-                return _this3.sel(item, index);
+                return _this4.sel(item, index);
               } },
@@ -151,6 +161,6 @@ item
         { className: 'Nav-active', style: { width: itemWidth + 'px', transform: 'translatex(' + ind * itemWidth + 'px)' }, ref: function ref(node) {
-            return _this3.bar = node;
+            return _this4.bar = node;
           } },
         _react2.default.createElement('div', { className: 'Nav-active-bar', ref: function ref(node) {
-            return _this3.flag = node;
+            return _this4.flag = node;
           } })
@@ -163,6 +173,6 @@ )
 }(_react.Component), _initialiseProps = function _initialiseProps() {
-  var _this4 = this;
+  var _this5 = this;
 
   this.translateBar = function (s) {
-    var length = _this4.state.length;
+    var length = _this5.state.length;
     var distance = s.distance,
@@ -172,4 +182,4 @@ transition = s.transition;
 
-    transition ? _this4.bar.style.transition = 'all 200ms' : _this4.bar.style.transition = 'none';
-    _this4.bar.style.transform = 'translateX(' + -distance / length + 'px)';
+    transition ? _this5.bar.style.transition = 'all 200ms' : _this5.bar.style.transition = 'none';
+    _this5.bar.style.transform = 'translateX(' + -distance / length + 'px)';
   };
@@ -179,10 +189,10 @@
     // TIP: 点击不做节流, 为了组件的开放性, 节流交给使用者来做
-    var _state2 = _this4.state,
+    var _state2 = _this5.state,
         isAnimate = _state2.isAnimate,
         onSel = _state2.onSel;
 
-    isAnimate ? _this4.bar.style.transition = 'all 200ms' : _this4.bar.style.transition = 'none';
-    _this4.setState({ ind: index }, function () {
+    isAnimate ? _this5.bar.style.transition = 'all 200ms' : _this5.bar.style.transition = 'none';
+    _this5.setState({ ind: index }, function () {
       onSel && onSel(item, index);
-      _this4.setBarWidth();
+      _this5.setBarWidth();
     });
@@ -192,8 +202,8 @@ };
   this.setBarWidth = function () {
-    var ind = _this4.state.ind;
+    var ind = _this5.state.ind;
 
-    var els = _this4.container.children;
+    var els = _this5.container.children;
     var el = els[ind].children.length >= 1 ? els[ind].children[0] : els[ind];
     var w = el.getBoundingClientRect().width;
-    _this4.flag.style.width = w + 'px';
+    _this5.flag.style.width = w + 'px';
   };
@@ -200,0 +210,0 @@ }, _temp);

package.json

 {
   "name": "bestnihon-react-components",
-  "version": "2.1.3",
+  "version": "2.1.4",
   "description": "bestnihon-react-components React component",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

umd/bestnihon-react-components.js

 /*!
- * bestnihon-react-components v2.1.3
+ * bestnihon-react-components v2.1.4
  * MIT Licensed
@@ -77,3 +77,3 @@ */
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 2);
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
 /******/ })
@@ -94,3 +94,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__(4);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(2);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__AutoScrollTab_css__ = __webpack_require__(5);
@@ -276,9 +276,39 @@ /* 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 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(3);
+module.exports = __webpack_require__(4);
 
 
 /***/ }),
-/* 3 */
+/* 4 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -317,32 +347,2 @@
 /***/ }),
-/* 4 */
-/***/ (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);
-
-/***/ }),
 /* 5 */
@@ -360,4 +360,5 @@ /***/ (function(module, exports) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__NavBar_css__ = __webpack_require__(7);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__NavBar_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__NavBar_css__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_Common__ = __webpack_require__(2);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__NavBar_css__ = __webpack_require__(7);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__NavBar_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__NavBar_css__);
 var _class, _temp, _initialiseProps;
@@ -374,2 +375,3 @@
 
+
 /* NavBar 有两种情况 
@@ -413,3 +415,2 @@ 1. bar 中无其他样式,bar 点击后 bar 的图标无变化,只是颜色字体变化
       data: props.data, // 接受数组形式 [{name: String, type: Number}]  也可接受 children
-      itemWidth: window.screen.width / length, // 标签宽度
       length: length // 数组 || children 个数
@@ -421,7 +422,15 @@ };
   NavBar.prototype.componentDidMount = function componentDidMount() {
-    this.setBarWidth();
+    var _this2 = this;
+
+    var length = this.state.length;
+
+    this.setState({
+      itemWidth: __WEBPACK_IMPORTED_MODULE_1__utils_Common__["a" /* default */].attr(this.wrap, 'width') / length
+    }, function () {
+      return _this2.setBarWidth();
+    });
   };
 
   NavBar.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-    var _this2 = this;
+    var _this3 = this;
 
@@ -435,3 +444,3 @@ var index = nextProps.index,
     if (index >= 0 && ind !== index) this.setState({ ind: index }, function () {
-      return _this2.setBarWidth();
+      return _this3.setBarWidth();
     });
@@ -444,10 +453,6 @@ };
   NavBar.prototype.render = function render() {
-    var _this3 = this;
+    var _this4 = this;
 
     var _state = this.state,
         ind = _state.ind,
-        translate = _state.translate,
-        newInd = _state.newInd,
-        onSel = _state.onSel,
-        length = _state.length,
         data = _state.data,
@@ -459,9 +464,12 @@ itemWidth = _state.itemWidth;
 
+
     return __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
       'div',
-      { style: style, className: 'NavBar-root' },
+      { style: style, className: 'NavBar-root', ref: function ref(node) {
+          return _this4.wrap = node;
+        } },
       __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement(
         'div',
         { className: 'container', ref: function ref(node) {
-            _this3.container = node;
+            return _this4.container = node;
           } },
@@ -476,3 +484,3 @@ data ? data.map(function (item, index) {
               onClick: function onClick() {
-                return _this3.sel(item, index);
+                return _this4.sel(item, index);
               }
@@ -494,3 +502,3 @@ },
               onClick: function onClick() {
-                return _this3.sel(item, index);
+                return _this4.sel(item, index);
               } },
@@ -504,6 +512,6 @@ item
         { className: 'Nav-active', style: { width: itemWidth + 'px', transform: 'translatex(' + ind * itemWidth + 'px)' }, ref: function ref(node) {
-            return _this3.bar = node;
+            return _this4.bar = node;
           } },
         __WEBPACK_IMPORTED_MODULE_0_react___default.a.createElement('div', { className: 'Nav-active-bar', ref: function ref(node) {
-            return _this3.flag = node;
+            return _this4.flag = node;
           } })
@@ -516,6 +524,6 @@ )
 }(__WEBPACK_IMPORTED_MODULE_0_react__["Component"]), _initialiseProps = function _initialiseProps() {
-  var _this4 = this;
+  var _this5 = this;
 
   this.translateBar = function (s) {
-    var length = _this4.state.length;
+    var length = _this5.state.length;
     var distance = s.distance,
@@ -525,4 +533,4 @@ transition = s.transition;
 
-    transition ? _this4.bar.style.transition = 'all 200ms' : _this4.bar.style.transition = 'none';
-    _this4.bar.style.transform = 'translateX(' + -distance / length + 'px)';
+    transition ? _this5.bar.style.transition = 'all 200ms' : _this5.bar.style.transition = 'none';
+    _this5.bar.style.transform = 'translateX(' + -distance / length + 'px)';
   };
@@ -532,10 +540,10 @@
     // TIP: 点击不做节流, 为了组件的开放性, 节流交给使用者来做
-    var _state2 = _this4.state,
+    var _state2 = _this5.state,
         isAnimate = _state2.isAnimate,
         onSel = _state2.onSel;
 
-    isAnimate ? _this4.bar.style.transition = 'all 200ms' : _this4.bar.style.transition = 'none';
-    _this4.setState({ ind: index }, function () {
+    isAnimate ? _this5.bar.style.transition = 'all 200ms' : _this5.bar.style.transition = 'none';
+    _this5.setState({ ind: index }, function () {
       onSel && onSel(item, index);
-      _this4.setBarWidth();
+      _this5.setBarWidth();
     });
@@ -545,8 +553,8 @@ };
   this.setBarWidth = function () {
-    var ind = _this4.state.ind;
+    var ind = _this5.state.ind;
 
-    var els = _this4.container.children;
+    var els = _this5.container.children;
     var el = els[ind].children.length >= 1 ? els[ind].children[0] : els[ind];
     var w = el.getBoundingClientRect().width;
-    _this4.flag.style.width = w + 'px';
+    _this5.flag.style.width = w + 'px';
   };
@@ -553,0 +561,0 @@ }, _temp);

umd/bestnihon-react-components.min.js

 /*!
- * bestnihon-react-components v2.1.3
+ * bestnihon-react-components v2.1.4
  * 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=2)}([function(e,n){e.exports=t},function(t,e,n){"use strict";var o,i,r=n(0),a=n.n(r),l=n(4),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){t.exports=n(3)},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,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){},function(t,e,n){"use strict";var o,i,r=n(0),a=n.n(r),l=n(7);n.n(l);var s=(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,itemWidth:window.screen.width/l,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(){this.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.translate,e.newInd,e.onSel,e.length,e.data),i=e.itemWidth,r=this.props,l=r.children,s=r.style;return a.a.createElement("div",{style:s,className:"NavBar-root"},a.a.createElement("div",{className:"container",ref:function(e){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=s},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,d=e.isPullUpStatus,f=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&&!d?(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&&!f&&o.direction===c&&m>=o.bottom&&d!==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},console.log(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;console.log("scrollveiw nextProps",t,n);var 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,d=h.children;d=Array.isArray(d)?d:[].concat(d);var f=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(f,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}},d.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(f,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 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},console.log(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;console.log("scrollveiw nextProps",t,n);var 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

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

265637

increased by0.24%

Lines of code

4253

increased by0.28%

No dependency changes