easy3wmui 0.0.42 → 0.0.43-beta2

package/assets/index.css

@@ -490,3 +490,39 @@
   padding-left: 24px;
   padding-right: 24px;
 }
+#Easy3wMPagination .easy3wMGridPageStepper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 12px;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn {
+  -ms-flex: 1;
+      flex: 1;
+  border: 1px solid #000;
+  color: #000;
+  cursor: pointer;
+  text-align: center;
+  padding: 7px 0;
+  margin-right: 3px;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn:last-child {
+  margin-right: 0;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
+  border: 1px solid #999;
+  color: #999;
+  cursor: not-allowed;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
+  border: 1px solid var(--adm-color-primary);
+  color: var(--adm-color-primary);
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtnNo {
+  display: none;
+}

package/assets/mPagination.css

@@ -0,0 +1,36 @@
+#Easy3wMPagination .easy3wMGridPageStepper {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  padding: 12px;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn {
+  -ms-flex: 1;
+      flex: 1;
+  border: 1px solid #000;
+  color: #000;
+  cursor: pointer;
+  text-align: center;
+  padding: 7px 0;
+  margin-right: 3px;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn:last-child {
+  margin-right: 0;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn.emgpsBtnDisable {
+  border: 1px solid #999;
+  color: #999;
+  cursor: not-allowed;
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtn.emgpsBtnActive {
+  border: 1px solid var(--adm-color-primary);
+  color: var(--adm-color-primary);
+}
+#Easy3wMPagination .easy3wMGridPageStepper .emgpsBtnNo {
+  display: none;
+}

package/lib/Easy3wMPagination/index.js

@@ -0,0 +1,283 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _dva = require('dva');
+
+var _antdMobileIcons = require('antd-mobile-icons');
+
+var _Easy3wMCard = require('../Easy3wMCard');
+
+var _Easy3wMCard2 = _interopRequireDefault(_Easy3wMCard);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wMPagination = function (_PureComponent) {
+  (0, _inherits3['default'])(Easy3wMPagination, _PureComponent);
+
+  function Easy3wMPagination(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wMPagination);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call(this, props));
+
+    _this.onChange = function (num, notFetchFlag) {
+      var _this$props = _this.props,
+          intData = _this$props.intData,
+          touchFetch = _this$props.touchFetch;
+
+      var intTotalPage = Math.ceil(intData / 10);
+      // const intTotalPage = 99999;
+      var offset = _this.state.offset;
+
+      if (typeof num === 'string') {
+        offset += Number(num);
+      } else {
+        offset = num;
+      }
+      if (offset < 1) {
+        offset = 1;
+      } else if (offset > intTotalPage) {
+        offset = intTotalPage;
+      }
+      _this.setState({
+        offset: offset // 当前页
+      }, function () {
+        if (notFetchFlag) {// true 不查询 false 查询
+          // 不查询
+        } else if (touchFetch && typeof touchFetch === 'function') {
+          touchFetch();
+        }
+      });
+    };
+
+    _this.touchCreatePageNum = function (intTotalPage, offset, index) {
+      var btnNum = intTotalPage > 999 ? 5 : 7;
+      /*
+        intTotalPage 总页数
+        offset 当前分页
+        btnNum 按钮数量
+          intTotalPage <= btnNum
+        <,1,2,3,4,5,6,7,> 删除6，7
+          intTotalPage > btnNum
+        offset - 3 <= 1
+        <,1,2,3,4,5,+5,intTotalPage,> 删除第三及倒数第三个按钮
+          intTotalPage > btnNum
+        offset - 3 > 1 &&  offset + 3 < intTotalPage
+        <,1,-5,6,7,8,+5,intTotalPage,> 删除第三及倒数第三个按钮
+          intTotalPage > btnNum
+        offset - 3 > 1 && offset + 3 >= intTotalPage
+        <,1,-5,6,7,8,9,intTotalPage,> 删除第三及倒数第三个按钮
+      */
+      if (intTotalPage <= btnNum) {
+        return index;
+      } else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 < 1) {
+        if (index === 4) {
+          return '+5';
+        } else {
+          return index;
+        }
+      } else if (btnNum === 5 && intTotalPage > btnNum && offset - 2 >= 1 && offset + 2 <= intTotalPage) {
+        if (index === 4) {
+          return '+5';
+        } else if (index === 2) {
+          return '-5';
+        } else {
+          return offset;
+        }
+      } else if (btnNum === 5 && offset - 2 >= 1 && offset + 2 > intTotalPage) {
+        if (index === 2) {
+          // <1,-5,6,7,8>
+          return '-5';
+        } else if (index === 3) {
+          return intTotalPage - 2;
+        } else if (index === 4) {
+          return intTotalPage - 1;
+        }
+      } else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 <= 1) {
+        if (index === 6) {
+          // 1,2,3,4,5,+5,intTotalPage
+          return '+5';
+        } else {
+          return index;
+        }
+      } else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 < intTotalPage) {
+        if (index === 2) {
+          return '-5';
+        } else if (index === 3) {
+          return offset - 1;
+        } else if (index === 4) {
+          return offset;
+        } else if (index === 5) {
+          return offset + 1;
+        } else if (index === 6) {
+          return '+5';
+        }
+      } else if (btnNum === 7 && intTotalPage > btnNum && offset - 3 > 1 && offset + 3 >= intTotalPage) {
+        if (index === 2) {
+          return '-5';
+        } else if (index === 3) {
+          return intTotalPage - 4;
+        } else if (index === 4) {
+          return intTotalPage - 3;
+        } else if (index === 5) {
+          return intTotalPage - 2;
+        } else if (index === 6) {
+          return intTotalPage - 1;
+        }
+      }
+    };
+
+    var bidPureComponent = _this.props.bidPureComponent;
+
+    if (bidPureComponent && typeof bidPureComponent === 'function') {
+      bidPureComponent(_this);
+    }
+    _this.state = {
+      offset: 1 // 当前页
+    };
+    return _this;
+  }
+
+  Easy3wMPagination.prototype.componentDidMount = function componentDidMount() {};
+
+  Easy3wMPagination.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+    var offset = this.state.offset;
+    var intData = nextProps.intData;
+    // const { intData } = this.props;
+
+    var intTotalPage = Math.ceil(intData / 10);
+    // 查询之后发现，当前页数大于最大页数 (情况：1、录入查询条件，直接选择了最后一个分页，最终当前页数大于最大页数)
+    if (intData !== this.props.intData && offset > intTotalPage) {
+      this.setState({
+        offset: intTotalPage
+      });
+    }
+  };
+
+  Easy3wMPagination.prototype.componentWillUnmount = function componentWillUnmount() {};
+  // --------------------------------------------- 分页 start ---------------------------------------------
+  // 切换页数
+
+  // 生成分页数字
+
+
+  // --------------------------------------------- 分页 end -----------------------------------------------
+  Easy3wMPagination.prototype.render = function render() {
+    var _this2 = this;
+
+    var intData = this.props.intData;
+    var offset = this.state.offset;
+
+    var intTotalPage = Math.ceil(intData / 10);
+    var btn2 = this.touchCreatePageNum(intTotalPage, offset, 2);
+    var btnText2 = typeof btn2 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn2;
+    var btn3 = this.touchCreatePageNum(intTotalPage, offset, 3);
+    var btnText3 = typeof btn3 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn3;
+    var btn4 = this.touchCreatePageNum(intTotalPage, offset, 4);
+    var btnText4 = typeof btn4 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn4;
+    var btn5 = this.touchCreatePageNum(intTotalPage, offset, 5);
+    var btnText5 = typeof btn5 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn5;
+    var btn6 = this.touchCreatePageNum(intTotalPage, offset, 6);
+    var btnText6 = typeof btn6 === 'string' ? _react2['default'].createElement(_antdMobileIcons.MoreOutline, null) : btn6;
+    return _react2['default'].createElement(
+      'div',
+      { id: 'Easy3wMPagination' },
+      _react2['default'].createElement(
+        _Easy3wMCard2['default'],
+        null,
+        _react2['default'].createElement(
+          'div',
+          { className: 'easy3wMGridPageStepper' },
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnDisable' : ''), onClick: offset === 1 ? function () {} : function () {
+                return _this2.onChange(offset - 1);
+              } },
+            _react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnActive' : ''), onClick: offset === 1 ? function () {} : function () {
+                return _this2.onChange(1);
+              } },
+            '1'
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === btn2 ? 'emgpsBtnActive' : '') + ' ' + (btn2 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn2 ? function () {} : function () {
+                return _this2.onChange(btn2);
+              } },
+            btnText2
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === btn3 ? 'emgpsBtnActive' : '') + ' ' + (btn3 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn3 ? function () {} : function () {
+                return _this2.onChange(btn3);
+              } },
+            btnText3
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === btn4 ? 'emgpsBtnActive' : '') + ' ' + (btn4 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn4 ? function () {} : function () {
+                return _this2.onChange(btn4);
+              } },
+            btnText4
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === btn5 ? 'emgpsBtnActive' : '') + ' ' + (btn5 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn5 ? function () {} : function () {
+                return _this2.onChange(btn5);
+              } },
+            btnText5
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === btn6 ? 'emgpsBtnActive' : '') + ' ' + (btn6 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn6 ? function () {} : function () {
+                return _this2.onChange(btn6);
+              } },
+            btnText6
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnActive' : '') + ' ' + (intTotalPage > 1 ? '' : 'emgpsBtnNo'), onClick: offset === intTotalPage ? function () {} : function () {
+                return _this2.onChange(intTotalPage);
+              } },
+            intTotalPage
+          ),
+          _react2['default'].createElement(
+            'span',
+            { className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnDisable' : ''), onClick: offset === intTotalPage ? function () {} : function () {
+                return _this2.onChange(offset + 1);
+              } },
+            _react2['default'].createElement(_antdMobileIcons.RightOutline, null)
+          )
+        )
+      )
+    );
+  };
+
+  return Easy3wMPagination;
+}(_react.PureComponent);
+
+exports['default'] = (0, _dva.connect)(function (state) {
+  return {
+    loading: state.loading
+  };
+})(Easy3wMPagination);
+module.exports = exports['default'];

package/lib/index.js

@@ -209,6 +209,15 @@ Object.defineProperty(exports, 'Easy3wMPageIndicator', {
   }
 });
 
+var _Easy3wMPagination = require('./Easy3wMPagination');
+
+Object.defineProperty(exports, 'Easy3wMPagination', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_Easy3wMPagination)['default'];
+  }
+});
+
 var _Easy3wMSteps = require('./Easy3wMSteps');
 
 Object.defineProperty(exports, 'Easy3wMSteps', {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy3wmui",
-  "version": "0.0.42",
+  "version": "0.0.43-beta2",
   "description": "easy3wmui components for react",
   "keywords": [
     "react",