easy3wmui 0.0.2 → 0.0.4-3.beta1

package/lib/Easy3wMSpin/index.js

@@ -2,14 +2,6 @@
 
 exports.__esModule = true;
 
-var _spinLoading = require('antd-mobile/es/components/spin-loading');
-
-var _spinLoading2 = _interopRequireDefault(_spinLoading);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
 var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
 
 var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
@@ -51,7 +43,12 @@ var Easy3wMSpin = function (_Component) {
       return _react2['default'].createElement(
         'div',
         { id: 'Easy3wMSpin' },
-        _react2['default'].createElement(_spinLoading2['default'], (0, _extends3['default'])({ color: 'primary', className: 'spinLoading' }, this.props))
+        _react2['default'].createElement('img', { src: 'common/easy3wloading.gif', alt: 'logo', style: { height: '14px', width: '14px' } }),
+        _react2['default'].createElement(
+          'div',
+          null,
+          '\u540E\u53F0\u5904\u7406\u4E2D......'
+        )
       );
     } else {
       return '';

package/lib/Easy3wMSpin/index.less

@@ -1,15 +1,15 @@
 #Easy3wMSpin { // 锁屏加载
-	position: fixed;
-	background: rgba(255, 255, 255, 0);
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	z-index: 9999;
-	.spinLoading { // 内容
-		position: relative;
-		left: 50%;
-		top: 50%;
-		--size: 48px;
-	}
+  position: fixed;
+  background: rgba(255, 255, 255, 0);
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 9999;
+  .spinLoading { // 内容
+    position: relative;
+    left: 50%;
+    top: 50%;
+    --size: 48px;
+  }
 }

package/lib/Easy3wMTable/index.js

@@ -0,0 +1,609 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _form = require('antd-mobile/es/components/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _button = require('antd-mobile/es/components/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+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 _antdMobile = require('antd-mobile');
+
+var _antdMobileIcons = require('antd-mobile-icons');
+
+var _easy3wmui = require('easy3wmui');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+/* eslint-disable no-param-reassign */
+var Item = _easy3wmui.Easy3wMList.Item;
+
+var Easy3wMTable = function (_PureComponent) {
+  (0, _inherits3['default'])(Easy3wMTable, _PureComponent);
+
+  function Easy3wMTable(props) {
+    (0, _classCallCheck3['default'])(this, Easy3wMTable);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _PureComponent.call(this, props));
+
+    _this.formRef = function (form) {
+      if (_this.state.form) {
+        //
+      } else {
+        _this.setState({
+          form: form
+        });
+      }
+      return _react2['default'].createRef();
+    };
+
+    _this.touchFetch = function (callback) {
+      var handleSearch = _this.props.handleSearch;
+      var offset = _this.state.offset;
+
+      handleSearch(offset, _this.searchInfo, callback);
+    };
+
+    _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;
+        }
+      }
+    };
+
+    _this.touchChangePage = function (num) {
+      var intData = _this.props.intData;
+
+      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 // 当前页
+      }, _this.touchFetch);
+    };
+
+    _this.touchDropUpFlip = function () {
+      var flipContainer = document.querySelector('.flipContainer'); // 翻页主体
+      _this.flipContainerHeight = flipContainer.offsetHeight; // 元素高度
+      var flipText = document.querySelector('.flipText'); // 翻页提示文字
+      // 当手指放在触摸屏上时，发生此事件
+      flipContainer.addEventListener('touchstart', function (e) {
+        return _this.touchstart(e, flipContainer, flipText);
+      });
+      // 当手指在屏幕上拖动时，发生此事件
+      flipContainer.addEventListener('touchmove', function (e) {
+        return _this.touchmove(e, flipContainer, flipText);
+      });
+      // 当手指从触摸屏上移开时，发生此事件
+      flipContainer.addEventListener('touchend', function (e) {
+        return _this.touchend(e, flipContainer, flipText);
+      });
+    };
+
+    _this.touchstart = function (e, flipContainer, flipText) {
+      var offset = _this.state.offset;
+      var intData = _this.props.intData;
+
+      if (offset === Math.ceil(intData / 10)) {
+        flipText.innerText = '已经没有更多了！';
+      } else if (Math.round(flipContainer.getBoundingClientRect().bottom) === document.body.offsetHeight) {
+        _this.startPos = e.touches[0].pageY;
+        flipContainer.style.transition = 'transform 0s';
+        // this.setState({
+        //   startPos, // 起始位置
+        // });
+      }
+    };
+
+    _this.touchmove = function (e, flipContainer, flipText) {
+      if (Math.round(flipContainer.getBoundingClientRect().bottom) === document.body.offsetHeight && _this.startPos) {
+        _this.transitionHeight = e.touches[0].pageY - _this.startPos;
+        if (_this.transitionHeight < 0 && _this.transitionHeight > -48) {
+          flipText.innerText = '上拉翻页';
+          flipContainer.style.transform = 'translateY(' + _this.transitionHeight + 'px)';
+          if (_this.transitionHeight < 0 && _this.transitionHeight > -36) {
+            flipText.innerText = '释放更新';
+          }
+        }
+      } else {
+        _this.startPos = e.touches[0].pageY;
+      }
+    };
+
+    _this.touchend = function (e, flipContainer, flipText) {
+      if (_this.transitionHeight < 0 && _this.transitionHeight > -36) {
+        flipText.innerText = '更新中...';
+        var offset = _this.state.offset;
+
+        _this.setState({
+          offset: offset + 1
+        }, function () {
+          _this.touchFetch(function () {
+            flipContainer.style.transition = 'transform 0.5s ease 1s';
+            flipContainer.style.transform = 'translateY(0px)';
+            flipText.innerText = '';
+          });
+        });
+      } else {
+        flipContainer.style.transition = 'transform 0.5s ease 1s';
+        flipContainer.style.transform = 'translateY(0px)';
+        setTimeout(function () {
+          flipText.innerText = '';
+        }, 1500);
+      }
+      _this.startPos = null; // 起始位置
+      _this.transitionHeight = null; // 移动距离
+    };
+
+    _this.touchClearSV = function () {
+      _this.searchInfo.keywordsQry = ''; // 关键字
+      _this.setState({
+        offset: 1
+      }, function () {
+        return _this.touchFetch();
+      });
+    };
+
+    _this.touchChangeSV = function (keywordsQry) {
+      _this.searchInfo.keywordsQry = keywordsQry;
+    };
+
+    _this.touchSearch = function () {
+      _this.setState({
+        offset: 1
+      }, function () {
+        return _this.touchFetch();
+      });
+    };
+
+    _this.showModal = function () {
+      _this.setState({
+        visible: true // 显示更多筛选条件Modal
+      });
+    };
+
+    _this.hideModal = function () {
+      _this.setState({
+        visible: false // 隐藏更多筛选条件Modal
+      });
+    };
+
+    _this.touchConfirm = function () {
+      var values = _this.state.form.getFieldsValue();
+      var searchInfo = (0, _extends3['default'])({}, _this.searchInfo, values);
+      _this.searchInfo = searchInfo;
+      _this.touchFetch();
+      _this.hideModal();
+    };
+
+    var bidPureComponent = _this.props.bidPureComponent;
+
+    if (bidPureComponent && typeof bidPureComponent === 'function') {
+      bidPureComponent(_this);
+    }
+    _this.searchInfo = {}; // 查询条件
+    // 上拉翻页属性
+    _this.startPos = null; // 起始位置
+    _this.transitionHeight = null; // 移动距离
+    _this.state = {
+      offset: 1, // 分页
+      visible: false, // 隐藏更多筛选条件Modal
+      form: null // 表单实例
+    };
+    return _this;
+  }
+
+  Easy3wMTable.prototype.componentDidMount = function componentDidMount() {
+    var dropUpFlipFlag = this.props.dropUpFlipFlag;
+
+    if (dropUpFlipFlag) {
+      // 上拉翻页标识 true 开启 false 关闭
+      this.touchDropUpFlip();
+    }
+  };
+
+  Easy3wMTable.prototype.componentWillUnmount = function componentWillUnmount() {
+    var flipContainer = document.querySelector('.flipContainer'); // 翻页主体
+    if (flipContainer.removeEventListener) {
+      // 所有浏览器，除了 IE 8 及更早IE版本
+      // 当手指放在触摸屏上时，发生此事件
+      flipContainer.removeEventListener('touchstart', this.touchstart);
+      // 当手指在屏幕上拖动时，发生此事件
+      flipContainer.removeEventListener('touchmove', this.touchmove);
+      // 当手指从触摸屏上移开时，发生此事件
+      flipContainer.removeEventListener('touchend', this.touchend);
+    } else if (flipContainer.detachEvent) {
+      // IE 8 及更早IE版本
+      // 当手指放在触摸屏上时，发生此事件
+      flipContainer.detachEvent('touchstart', this.touchstart);
+      // 当手指在屏幕上拖动时，发生此事件
+      flipContainer.detachEvent('touchmove', this.touchmove);
+      // 当手指从触摸屏上移开时，发生此事件
+      flipContainer.detachEvent('touchend', this.touchend);
+    }
+  };
+  // 生成form实例
+
+  // 触发查询
+
+  // --------------------------------------------------- 上拉翻页 end ---------------------------------------------------
+  // 生成分页数字
+
+  // 按钮翻页
+
+  // --------------------------------------------- 查询条件 start ---------------------------------------------
+  // --------------------------------------------------- 上拉翻页 start ---------------------------------------------------
+  // 上拉翻页
+
+  // 当手指放在触摸屏上时，发生此事件
+
+  // 当手指在屏幕上拖动时，发生此事件
+
+  // 当手指从触摸屏上移开时，发生此事件
+
+  // 清空查询条件
+
+  // 查询条件--流程名称修改
+
+  // 查询
+
+  // --------------------------------------------- 查询条件 end -----------------------------------------------
+  // --------------------------------------------- 更多筛选条件 start ---------------------------------------------
+  // 显示更多筛选条件Modal
+
+  // 隐藏更多筛选条件Modal
+
+  // 确定
+
+
+  // --------------------------------------------- 更多筛选条件 end -----------------------------------------------
+  Easy3wMTable.prototype.render = function render() {
+    var _this2 = this;
+
+    var _state = this.state,
+        offset = _state.offset,
+        visible = _state.visible;
+    var _props = this.props,
+        columns = _props.columns,
+        intData = _props.intData,
+        arrData = _props.arrData,
+        needPaginationFlag = _props.needPaginationFlag,
+        paginationNumBtnFlag = _props.paginationNumBtnFlag,
+        queryCriteria = _props.queryCriteria,
+        arrFilter = _props.arrFilter;
+    // columns 表头 arr    intData 数量 num    arrData 数据 arr    needPaginationFlag 分页标识 bool    paginationNumBtnFlag 分页数字按钮标识 bool    handleSearch 查询方法 fun
+    // dropUpFlipFlag 上拉翻页标识 bool    bidPureComponent 将this传递出去 fun    queryCriteria 关键字 str
+
+    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;
+    var arrBtn = [{
+      cName: '查询',
+      onClick: function onClick() {
+        return _this2.touchConfirm();
+      }
+    }, {
+      cName: '关闭',
+      onClick: function onClick() {
+        return _this2.hideModal();
+      }
+    }];
+    return _react2['default'].createElement(
+      'div',
+      { id: 'Easy3wMTable' },
+      _react2['default'].createElement(
+        'div',
+        { className: 'flipContainer' },
+        _react2['default'].createElement(
+          _easy3wmui.Easy3wMList,
+          null,
+          queryCriteria ? _react2['default'].createElement(Item, {
+            className: 'queryCriteria',
+            extra: arrFilter && arrFilter.length ? _react2['default'].createElement(
+              'div',
+              { className: 'more', onClick: this.showModal },
+              '\u66F4\u591A\u7B5B\u9009'
+            ) : '',
+            title: _react2['default'].createElement(_easy3wmui.Easy3wMSearchBar, {
+              onChange: function onChange(value) {
+                return _this2.touchChangeSV(value);
+              } // 输入框内容变化时触发
+              , onSearch: function onSearch() {
+                return _this2.touchSearch();
+              } // 输入框回车时触发
+              , onClear: function onClear() {
+                return _this2.touchClearSV('');
+              } // 点击清除按钮后触发
+              , placeholder: '\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u67E5\u8BE2' // 提示文本
+              , clearOnCancel: false // 点击取消按钮后是否清空输入框
+              , showCancelButton: function showCancelButton() {
+                return true;
+              } // 是否在搜索框右侧显示取消按钮
+              , cancelText: '\u67E5\u8BE2' // 取消按钮的文案
+              , onCancel: function onCancel() {
+                return _this2.touchSearch();
+              } // 点击取消按钮时触发
+            })
+          }) : '',
+          arrData ? arrData.map(function (item, index) {
+            return _react2['default'].createElement(
+              Item,
+              null,
+              _react2['default'].createElement(
+                'div',
+                { className: 'singleItem' },
+                columns.map(function (obj) {
+                  var title = obj.title,
+                      dataIndex = obj.dataIndex,
+                      render = obj.render,
+                      onRow = obj.onRow,
+                      _onClick = obj.onClick;
+
+                  var value = item[dataIndex];
+                  if (render) {
+                    value = render(value, item, index);
+                  }
+                  return _react2['default'].createElement(
+                    'div',
+                    { className: 'itemAttr ' + (onRow ? 'clickable' : ''), onClick: function onClick() {
+                        return onRow(item[dataIndex], item, index);
+                      } },
+                    _react2['default'].createElement(
+                      'span',
+                      { className: 'attrLabel' },
+                      title
+                    ),
+                    _react2['default'].createElement(
+                      'span',
+                      { className: 'attrKey ' + (_onClick ? 'clickable' : ''), onClick: function onClick() {
+                          return _onClick(item[dataIndex], item, index);
+                        } },
+                      value
+                    )
+                  );
+                })
+              )
+            );
+          }) : ''
+        ),
+        needPaginationFlag ? _react2['default'].createElement(
+          _easy3wmui.Easy3wMCard,
+          null,
+          paginationNumBtnFlag ? _react2['default'].createElement(
+            'div',
+            { className: 'easy3wMGridPageStepper' },
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnDisable' : ''), onClick: offset === 1 ? function () {} : function () {
+                  return _this2.touchChangePage(offset - 1);
+                } },
+              _react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === 1 ? 'emgpsBtnActive' : ''), onClick: offset === 1 ? function () {} : function () {
+                  return _this2.touchChangePage(1);
+                } },
+              '1'
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === btn2 ? 'emgpsBtnActive' : '') + ' ' + (btn2 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn2 ? function () {} : function () {
+                  return _this2.touchChangePage(btn2);
+                } },
+              btnText2
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === btn3 ? 'emgpsBtnActive' : '') + ' ' + (btn3 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn3 ? function () {} : function () {
+                  return _this2.touchChangePage(btn3);
+                } },
+              btnText3
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === btn4 ? 'emgpsBtnActive' : '') + ' ' + (btn4 >= intTotalPage ? 'emgpsBtnNo' : ''), onClick: offset === btn4 ? function () {} : function () {
+                  return _this2.touchChangePage(btn4);
+                } },
+              btnText4
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === btn5 ? 'emgpsBtnActive' : '') + ' ' + (btn5 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn5 ? function () {} : function () {
+                  return _this2.touchChangePage(btn5);
+                } },
+              btnText5
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === btn6 ? 'emgpsBtnActive' : '') + ' ' + (btn6 >= intTotalPage || intTotalPage > 999 ? 'emgpsBtnNo' : ''), onClick: offset === btn6 ? function () {} : function () {
+                  return _this2.touchChangePage(btn6);
+                } },
+              btnText6
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnActive' : '') + ' ' + (intTotalPage > 1 ? '' : 'emgpsBtnNo'), onClick: offset === intTotalPage ? function () {} : function () {
+                  return _this2.touchChangePage(intTotalPage);
+                } },
+              intTotalPage
+            ),
+            _react2['default'].createElement(
+              'span',
+              { className: 'emgpsBtn ' + (offset === intTotalPage ? 'emgpsBtnDisable' : ''), onClick: offset === intTotalPage ? function () {} : function () {
+                  return _this2.touchChangePage(offset + 1);
+                } },
+              _react2['default'].createElement(_antdMobileIcons.RightOutline, null)
+            )
+          ) : _react2['default'].createElement(
+            'div',
+            { className: 'easy3wMGridPageStepper' },
+            _react2['default'].createElement(
+              _button2['default'],
+              { color: 'default', fill: 'none', onClick: function onClick() {
+                  return _this2.touchChangePage(offset - 1);
+                }, disabled: offset === 1 },
+              _react2['default'].createElement(_antdMobileIcons.LeftOutline, null)
+            ),
+            _react2['default'].createElement(
+              'span',
+              null,
+              offset,
+              '/',
+              intTotalPage,
+              '  \u5171',
+              intData,
+              '\u6761'
+            ),
+            _react2['default'].createElement(
+              _button2['default'],
+              { color: 'default', fill: 'none', onClick: function onClick() {
+                  return _this2.touchChangePage(offset + 1);
+                }, disabled: offset === intTotalPage },
+              _react2['default'].createElement(_antdMobileIcons.RightOutline, null)
+            )
+          )
+        ) : '',
+        _react2['default'].createElement(
+          _easy3wmui.Easy3wMPopup,
+          {
+            visible: visible,
+            onClose: this.hideModal,
+            position: 'top'
+            // showCloseButton
+            , bodyStyle: { height: '100vh', overflow: 'auto' },
+            getContainer: document.querySelector('.flipContainer')
+          },
+          _react2['default'].createElement(_form2['default'], { ref: this.formRef }),
+          this.state.form ? _react2['default'].createElement(_easy3wmui.Easy3wMFormPage, {
+            rowItems: arrFilter,
+            form: this.state.form
+          }) : '',
+          _react2['default'].createElement(
+            'div',
+            { className: 'queryCriteriaBtn' },
+            _react2['default'].createElement(_easy3wmui.Easy3wMButton, { arrBtn: arrBtn })
+          )
+        )
+      ),
+      _react2['default'].createElement('div', { className: 'flipText', style: { textAlign: 'center' } })
+    );
+  };
+
+  return Easy3wMTable;
+}(_react.PureComponent);
+
+exports['default'] = Easy3wMTable;
+module.exports = exports['default'];

package/lib/Easy3wMUserLayout/index.less

@@ -1,11 +1,15 @@
 #Easy3wMUserLayout {
-	.Easy3wMUserLayoutContent { // 内容
-		background-color: #f0f2f5;
-		width: 100%;
-		min-height: 100%;
-		background-repeat: no-repeat;
-		background-position: center;
-		background-size: 100%;
-		padding: 40px 0 0 0;
-	}
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  .Easy3wMUserLayoutContent { // 内容
+    background-color: #f0f2f5;
+    width: 100%;
+    // min-height: 100%;
+    background-repeat: no-repeat;
+    background-position: center;
+    background-size: 100%;
+    padding: 40px 0 0 0;
+    flex-grow: 1;
+  }
 }