easy3wui 1.5.77 → 1.5.78

package/lib/Easy3wGridPage/index.js

@@ -2,671 +2,22 @@
 
 exports.__esModule = true;
 
-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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _table = require('antd/lib/table');
-
-var _table2 = _interopRequireDefault(_table);
-
-require('antd/lib/table/style');
-
-var _tag = require('antd/lib/tag');
-
-var _tag2 = _interopRequireDefault(_tag);
-
-require('antd/lib/tag/style');
-
-require('antd/lib/card/style');
-
-var _alert = require('antd/lib/alert');
-
-var _alert2 = _interopRequireDefault(_alert);
-
-require('antd/lib/alert/style');
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _tooltip = require('antd/lib/tooltip');
-
-var _tooltip2 = _interopRequireDefault(_tooltip);
-
-require('antd/lib/tooltip/style');
-
-var _numeral = require('numeral');
-
-var _numeral2 = _interopRequireDefault(_numeral);
-
 var _dva = require('dva');
 
-var _easy3wui = require('easy3wui');
+var _indexM = require('./indexM');
 
-var _comonConfig = require('comonConfigPath/comonConfig');
+var _indexM2 = _interopRequireDefault(_indexM);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
-
-var Easy3wGridPage = function (_Component) {
-  (0, _inherits3['default'])(Easy3wGridPage, _Component);
-
-  function Easy3wGridPage(props) {
-    (0, _classCallCheck3['default'])(this, Easy3wGridPage);
-
-    var _this = (0, _possibleConstructorReturn3['default'])(this, _Component.call(this, props));
-
-    _initialiseProps.call(_this);
+var _indexPC = require('./indexPC');
 
-    var _this$props = _this.props,
-        selectedVal = _this$props.selectedVal,
-        selectedKey = _this$props.selectedKey,
-        rowKey = _this$props.rowKey,
-        rowKeyCname = _this$props.rowKeyCname;
+var _indexPC2 = _interopRequireDefault(_indexPC);
 
-    var selRowKeysTags = [];
-    if (selectedVal) {
-      selectedVal.forEach(function (obj) {
-        selRowKeysTags.push(_react2['default'].createElement(
-          _tag2['default'],
-          { key: obj[rowKey], closable: true, afterClose: function afterClose() {
-              return _this.onCloseTag(obj[rowKey]);
-            } },
-          obj[rowKeyCname]
-        ));
-      });
-    }
-    _this.state = {
-      selectedRowKeysState: selectedKey || [],
-      selectedRowsState: selectedVal || [],
-      selRowKeysTags: selRowKeysTags,
-      pagination: { offset: 1, limit: 10 }
-    };
-    _this.myRef = (0, _react.createRef)(); // 创建 ref
-    return _this;
-  }
-
-  Easy3wGridPage.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
-    if (nextProps.cleanFlag === '1') {
-      this.delAll();
-    }
-  };
-
-  Easy3wGridPage.prototype.componentDidUpdate = function componentDidUpdate(prevProps) {
-    var that = this;
-    if (this.props.totalResult && this.props.totalResult !== prevProps.totalResult) {
-      that.setState({ pagination: { offset: 1, limit: 10 } });
-    }
-  };
-
-  Easy3wGridPage.prototype.render = function render() {
-    var _this2 = this;
-
-    var _props = this.props,
-        columns = _props.columns,
-        totalResult = _props.totalResult,
-        dataList = _props.dataList,
-        loading = _props.loading,
-        getCheckboxProps = _props.getCheckboxProps,
-        needPaginationFlag = _props.needPaginationFlag,
-        autoAddNumber = _props.autoAddNumber,
-        gridProps = _props.gridProps,
-        rowKey = _props.rowKey,
-        checkType = _props.checkType,
-        bordered = _props.bordered,
-        chooseFlag = _props.chooseFlag,
-        scroll = _props.scroll,
-        className = _props.className,
-        paginationInfo = _props.paginationInfo,
-        handleSearchNew = _props.handleSearchNew;
-    var _state = this.state,
-        selectedRowKeysState = _state.selectedRowKeysState,
-        selectedRowsState = _state.selectedRowsState,
-        selRowKeysTags = _state.selRowKeysTags;
-
-    var printArr = location.hash.split('/');
-    var printValue = this.props.printValue || 'print';
-    var printFlag = printArr[1] === printValue;
-    var hasFormParentClass = this.myRef.current && this.myRef.current.closest('.e3wFormPageWrap'); // 是否处于表单页面
-    var paginationProps = false; // 默认不分页
-    var recursion = function recursion(arr) {
-      arr.forEach(function (item) {
-        var columnsType = item.type;
-        // const { title } = item;
-        // if (!(printFlag || hasFormParentClass) && title && typeof title === 'string' && title.length > 6) {
-        //   item.title = <Tooltip placement="topLeft" title={title}>{title.substring(0, 6)}...</Tooltip>;
-        // }
-        switch (columnsType) {
-          case 'shortText':
-            item.className = 'e3wGridShortText';break;
-          case 'longText':
-            item.className = 'e3wGridLongText';break;
-          case 'number':
-            item.className = 'e3wGridNumber';break;
-          case 'maxText':
-            item.className = 'e3wMaxText';break;
-          case 'numeralFormat':
-            item.className = 'e3wGridNumber';break;
-          default:
-            item.className = 'e3wGridShortText';
-            break;
-        }
-        if (item.children) {
-          recursion(item.children);
-        }
-      });
-    };
-    var recursionT = function recursionT(arr) {
-      arr.forEach(function (item) {
-        if (!item.render) {
-          item.render = function (text) {
-            var globalData = _this2.props.globalData;
-
-            var _ref = globalData || {},
-                dataDesensitizationEyeFlag = _ref.dataDesensitizationEyeFlag;
-
-            var strTextNew = _comonConfig.dataDesensitizationFlag ? dataDesensitizationEyeFlag ? text : (0, _easy3wui.Easy3wGetDesensitization)(text) : text;
-            if (strTextNew && strTextNew.length * 14 > 160) {
-              return _react2['default'].createElement(
-                _tooltip2['default'],
-                { placement: 'topLeft', title: strTextNew, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
-                strTextNew
-              );
-            } else {
-              return strTextNew;
-            }
-          };
-          if (item.type === 'numeralFormat') {
-            item.render = function (text) {
-              return _react2['default'].createElement(
-                _tooltip2['default'],
-                { placement: 'topLeft', title: _this2.numeralFormat(text), style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
-                _this2.numeralFormat(text)
-              );
-            };
-          }
-        }if (item.fixed) {
-          item.className = 'e3wText';
-          item.minWidth = 5;
-        }
-        if (item.children) {
-          recursionT(item.children);
-        }
-      });
-    };
-    recursion(columns);
-    if (dataList) {
-      if (dataList.length > 0) {
-        recursionT(columns);
-      }
-    }
-    var rowSelection = null;
-    if (checkType) {
-      // 若需选择框
-      rowSelection = {
-        hideDefaultSelections: true, // 去掉『全选』『反选』两个默认选项
-        key: rowKey,
-        type: checkType,
-        getCheckboxProps: getCheckboxProps,
-        selectedRowKeys: selectedRowKeysState,
-        selectedRows: selectedRowsState,
-        onSelect: function onSelect(record, selected) {
-          if (selected) {
-            _this2.selectedAdd([record]);
-          } else {
-            _this2.selectedRemove([record]);
-          }
-        },
-        onSelectAll: function onSelectAll(selected, selectedRows, changeRows) {
-          if (selected) {
-            _this2.selectedAdd(changeRows);
-          } else {
-            _this2.selectedRemove(changeRows);
-          }
-        }
-      };
-    }
-    var myColumns = columns;
-    // 处理分页 start
-    if (needPaginationFlag || handleSearchNew) {
-      var defaultCurrent = paginationInfo ? paginationInfo.offset : 1;
-      var defaultPageSize = paginationInfo ? paginationInfo.limit : 10;
-      var current = paginationInfo ? paginationInfo.offset : this.state.pagination.offset;
-      var limit = paginationInfo ? paginationInfo.limit : this.state.pagination.limit;
-      paginationProps = {
-        total: totalResult,
-        showTotal: function showTotal(total, range) {
-          return range[0] + '-' + range[1] + ' \u5171 ' + totalResult + ' \u6761';
-        },
-        defaultCurrent: defaultCurrent,
-        defaultPageSize: defaultPageSize,
-        current: current,
-        showSizeChanger: true,
-        showQuickJumper: true,
-        pageSizeOptions: ['10', '20', '30', '40', '50', '100']
-      };
-      if (autoAddNumber) {
-        if (columns.length > 0) {
-          var fixed = columns[0].fixed;
-
-          myColumns = [{
-            title: '序号',
-            dataIndex: 'number',
-            className: 'e3wGridShortText',
-            width: 50,
-            fixed: fixed,
-            render: function render(text, record, index) {
-              return _react2['default'].createElement(
-                'div',
-                null,
-                (current - 1) * limit + index + 1,
-                ' '
-              );
-            }
-          }].concat(columns);
-        }
-      }
-    }
-    if (printFlag) {
-      myColumns.forEach(function (item) {
-        if (item.fixed) {
-          item.fixed = null;
-        }
-        item.width = null;
-      });
-    }
-    var alertRegionFlag = false;
-    if (selRowKeysTags && selRowKeysTags instanceof Array && selRowKeysTags.length) {
-      alertRegionFlag = true;
-    }
-    var alertRegion = _react2['default'].createElement(_alert2['default'], { message: _react2['default'].createElement(
-        'div',
-        { className: (0, _classnames2['default'])(['positionRel']) },
-        selRowKeysTags,
-        _react2['default'].createElement(
-          'a',
-          { onClick: this.delAll, className: (0, _classnames2['default'])(['positionAbs']) },
-          '\u6E05\u7A7A'
-        )
-      ), type: 'info' });
-
-    // console.log('父级是否有 .e3wFormPageWrap:', hasParentClass);
-    return _react2['default'].createElement(
-      'div',
-      { ref: this.myRef, className: gridProps || this.props.rowType ? gridProps.onRow || this.props.rowType ? 'onRow' : null : null },
-      _react2['default'].createElement(_table2['default'], (0, _extends3['default'])({
-        className: printFlag || hasFormParentClass ? 'scrollPrint' : className || 'scrollX',
-        columns: myColumns,
-        dataSource: dataList,
-        pagination: paginationProps,
-        loading: loading,
-        rowKey: rowKey,
-        rowSelection: rowSelection,
-        bordered: bordered,
-        scroll: printFlag ? {} : scroll || { x: true },
-        onChange: this.handleTableChange,
-        onRow: this.props.rowType ? function (record) {
-          return {
-            onClick: function onClick(event) {
-              return _this2.rowSelected(record, event);
-            } // 点击行
-          };
-        } : null
-      }, gridProps, {
-        locale: { emptyText: '暂无数据' }
-      })),
-      chooseFlag && alertRegionFlag ? alertRegion : ''
-    );
-  };
-
-  return Easy3wGridPage;
-}(_react.Component);
-
-Easy3wGridPage.propTypes = {
-  columns: _propTypes2['default'].array.isRequired,
-  bordered: _propTypes2['default'].bool
-};
-Easy3wGridPage.defaultProps = {
-  bordered: true
-};
-
-var _initialiseProps = function _initialiseProps() {
-  var _this3 = this;
-
-  this.onCloseTag = function (closeKey) {
-    var _state2 = _this3.state,
-        selectedRowKeysState = _state2.selectedRowKeysState,
-        selectedRowsState = _state2.selectedRowsState;
-    var _props2 = _this3.props,
-        rowKey = _props2.rowKey,
-        rowKeyCname = _props2.rowKeyCname,
-        selectChangeCallback = _props2.selectChangeCallback,
-        chooseFlag = _props2.chooseFlag;
-
-    selectedRowKeysState.splice(selectedRowKeysState.findIndex(function (selectedRowKey) {
-      return selectedRowKey === closeKey;
-    }), 1);
-    selectedRowsState.splice(selectedRowsState.findIndex(function (selectedRow) {
-      return selectedRow[rowKey] === closeKey;
-    }), 1);
-    var newSelRowKeysTags = [];
-    if (chooseFlag) {
-      selectedRowsState.forEach(function (selectedRow) {
-        newSelRowKeysTags.push(_react2['default'].createElement(
-          _tag2['default'],
-          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
-              return _this3.onCloseTag(selectedRow[rowKey]);
-            } },
-          selectedRow[rowKeyCname]
-        ));
-      });
-    }
-    _this3.setState({
-      selectedRowKeysState: selectedRowKeysState,
-      selectedRowsState: selectedRowsState,
-      selRowKeysTags: newSelRowKeysTags
-    });
-    if (selectChangeCallback) {
-      selectChangeCallback(selectedRowKeysState, selectedRowsState);
-    }
-  };
-
-  this.onRowSelectedClose = function (selectedKey) {
-    var _state3 = _this3.state,
-        selectedRowKeysState = _state3.selectedRowKeysState,
-        selectedRowsState = _state3.selectedRowsState;
-
-    var selectedRowKeysStateArr = selectedRowKeysState;
-    var selectedRowsStateArr = selectedRowsState;
-    var _props3 = _this3.props,
-        rowKey = _props3.rowKey,
-        rowKeyCname = _props3.rowKeyCname,
-        selectChangeCallback = _props3.selectChangeCallback,
-        chooseFlag = _props3.chooseFlag;
-
-    var newSelRowKeysTags = [];
-    selectedRowKeysStateArr.splice(selectedRowKeysStateArr.findIndex(function (selectedRowKey) {
-      return selectedRowKey === selectedKey;
-    }), 1);
-    selectedRowsStateArr.splice(selectedRowsStateArr.findIndex(function (selectedRow) {
-      return selectedRow[rowKey] === selectedKey;
-    }), 1);
-    if (chooseFlag) {
-      selectedRowsStateArr.forEach(function (selectedRow) {
-        newSelRowKeysTags.push(_react2['default'].createElement(
-          _tag2['default'],
-          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
-              return _this3.onRowSelectedClose(selectedRow[rowKey]);
-            } },
-          selectedRow[rowKeyCname]
-        ));
-      });
-    }
-    _this3.setState({
-      selectedRowKeysState: selectedRowKeysStateArr,
-      selectedRowsState: selectedRowsStateArr,
-      selRowKeysTags: newSelRowKeysTags
-    });
-    if (selectChangeCallback) {
-      selectChangeCallback(selectedRowKeysStateArr, selectedRowsStateArr);
-    }
-  };
-
-  this.delAll = function () {
-    var selectChangeCallback = _this3.props.selectChangeCallback;
-
-    _this3.setState({
-      selectedRowKeysState: [],
-      selectedRowsState: [],
-      selRowKeysTags: []
-    });
-    if (selectChangeCallback) {
-      selectChangeCallback([], []);
-    }
-  };
-
-  this.selectedAdd = function (addRows) {
-    var _state4 = _this3.state,
-        selectedRowKeysState = _state4.selectedRowKeysState,
-        selectedRowsState = _state4.selectedRowsState;
-    var _props4 = _this3.props,
-        rowKey = _props4.rowKey,
-        rowKeyCname = _props4.rowKeyCname,
-        selectChangeCallback = _props4.selectChangeCallback,
-        chooseFlag = _props4.chooseFlag,
-        checkType = _props4.checkType;
-
-    if (checkType === 'radio') {
-      selectedRowKeysState = [];
-      selectedRowsState = [];
-    }
-    addRows.forEach(function (addRow) {
-      selectedRowKeysState.push(addRow[rowKey]);
-      selectedRowsState.push(addRow);
-    });
-    var newSelRowKeysTags = [];
-    if (chooseFlag) {
-      selectedRowsState.forEach(function (selectedRow) {
-        newSelRowKeysTags.push(_react2['default'].createElement(
-          _tag2['default'],
-          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
-              return _this3.onCloseTag(selectedRow[rowKey]);
-            } },
-          selectedRow[rowKeyCname]
-        ));
-      });
-    }
-    _this3.setState({
-      selectedRowKeysState: selectedRowKeysState,
-      selectedRowsState: selectedRowsState,
-      selRowKeysTags: newSelRowKeysTags
-    });
-    if (selectChangeCallback) {
-      selectChangeCallback(selectedRowKeysState, selectedRowsState, true, addRows);
-    }
-  };
-
-  this.selectedRemove = function (removeRows) {
-    var _state5 = _this3.state,
-        selectedRowKeysState = _state5.selectedRowKeysState,
-        selectedRowsState = _state5.selectedRowsState;
-    var _props5 = _this3.props,
-        rowKey = _props5.rowKey,
-        rowKeyCname = _props5.rowKeyCname,
-        selectChangeCallback = _props5.selectChangeCallback,
-        chooseFlag = _props5.chooseFlag;
-
-    removeRows.forEach(function (removeRow) {
-      selectedRowKeysState.splice(selectedRowKeysState.findIndex(function (selectedRowKey) {
-        return selectedRowKey === removeRow[rowKey];
-      }), 1);
-      selectedRowsState.splice(selectedRowsState.findIndex(function (selectedRow) {
-        return selectedRow[rowKey] === removeRow[rowKey];
-      }), 1);
-    });
-    var newSelRowKeysTags = [];
-    if (chooseFlag) {
-      selectedRowsState.forEach(function (selectedRow) {
-        newSelRowKeysTags.push(_react2['default'].createElement(
-          _tag2['default'],
-          { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
-              return _this3.onCloseTag(selectedRow[rowKey]);
-            } },
-          selectedRow[rowKeyCname]
-        ));
-      });
-    }
-    _this3.setState({
-      selectedRowKeysState: selectedRowKeysState,
-      selectedRowsState: selectedRowsState,
-      selRowKeysTags: newSelRowKeysTags
-    });
-    if (selectChangeCallback) {
-      selectChangeCallback(selectedRowKeysState, selectedRowsState, false, removeRows);
-    }
-  };
-
-  this.numeralFormat = function (text) {
-    var strText = text;
-    if (text === 0 || text === '0') {
-      return '0.00';
-    } else if (Number.isFinite(text)) {
-      // 有限值数字 用于检查一个数值是否是有限的。如果数值是有限数（即不是 Infinity、-Infinity 或 NaN），那么 Number.isFinite() 返回 true，否则返回 false。
-      strText = (0, _numeral2['default'])(text).format('0,0.00');
-    } else if (typeof text === 'string') {
-      // 字符串
-      if (/^\d+(\.\d+)?$/.test(text)) {
-        // 数字字符串
-        strText = (0, _numeral2['default'])(text).format('0,0.00');
-      } else {
-        strText = text;
-      }
-    } else {
-      strText = text;
-    }
-    // if (text || text === 0 || isNaN(text)) {
-    //   if (typeof text === 'string') {
-    //     if (/^\d+(\.\d+)?$/.test(text)) {
-    //       strText = numeral(text).format('0,0.00');
-    //     } else {
-    //       strText = text;
-    //     }
-    //   } else if (typeof text === 'number') {
-    //     if (Number.isInfinite(text) || isNaN(NaN)) {
-    //       strText = text;
-    //     } else {
-    //       strText = numeral(text).format('0,0.00');
-    //     }
-    //   }
-    // }
-    return strText;
-  };
-
-  this.rowSelected = function (record) {
-    var _state6 = _this3.state,
-        selectedRowKeysState = _state6.selectedRowKeysState,
-        selectedRowsState = _state6.selectedRowsState;
-
-    var selectedRowKeysStateArr = selectedRowKeysState;
-    var selectedRowsStateArr = selectedRowsState;
-    var _props6 = _this3.props,
-        rowKey = _props6.rowKey,
-        rowKeyCname = _props6.rowKeyCname,
-        selectChangeCallback = _props6.selectChangeCallback,
-        chooseFlag = _props6.chooseFlag;
-
-    var flag = false;
-    var newSelRowKeysTags = [];
-    selectedRowKeysState.forEach(function (item) {
-      if (item === record[rowKey]) {
-        flag = true;
-      }
-    });
-    if (flag) {
-      selectedRowKeysStateArr.splice(selectedRowKeysStateArr.findIndex(function (selectedRowKey) {
-        return selectedRowKey === record[rowKey];
-      }), 1);
-      selectedRowsStateArr.splice(selectedRowsStateArr.findIndex(function (selectedRow) {
-        return selectedRow[rowKey] === record[rowKey];
-      }), 1);
-      if (chooseFlag) {
-        selectedRowsStateArr.forEach(function (selectedRow) {
-          newSelRowKeysTags.push(_react2['default'].createElement(
-            _tag2['default'],
-            { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
-                return _this3.onRowSelectedClose(selectedRow[rowKey]);
-              } },
-            selectedRow[rowKeyCname]
-          ));
-        });
-      }
-    } else if (_this3.props.rowType === 'radio') {
-      selectedRowKeysStateArr = [];
-      selectedRowsStateArr = [];
-      selectedRowKeysStateArr.push(record[rowKey]);
-      selectedRowsStateArr.push(record);
-      if (chooseFlag) {
-        selectedRowsStateArr.forEach(function (selectedRow) {
-          newSelRowKeysTags.push(_react2['default'].createElement(
-            _tag2['default'],
-            { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
-                return _this3.onRowSelectedClose(selectedRow[rowKey]);
-              } },
-            selectedRow[rowKeyCname]
-          ));
-        });
-      }
-    } else {
-      selectedRowKeysStateArr.push(record[rowKey]);
-      selectedRowsStateArr.push(record);
-      if (chooseFlag) {
-        selectedRowsStateArr.forEach(function (selectedRow) {
-          newSelRowKeysTags.push(_react2['default'].createElement(
-            _tag2['default'],
-            { key: selectedRow[rowKey], closable: true, afterClose: function afterClose() {
-                return _this3.onRowSelectedClose(selectedRow[rowKey]);
-              } },
-            selectedRow[rowKeyCname]
-          ));
-        });
-      }
-    }
-    _this3.setState({
-      selectedRowKeysState: selectedRowKeysStateArr,
-      selectedRowsState: selectedRowsStateArr,
-      selRowKeysTags: newSelRowKeysTags
-    });
-    if (selectChangeCallback) {
-      selectChangeCallback(selectedRowKeysStateArr, selectedRowsStateArr);
-    }
-  };
-
-  this.handleTableChange = function (pagination) {
-    var _props7 = _this3.props,
-        selfDealPageChangeFunc = _props7.selfDealPageChangeFunc,
-        getSearchCondition = _props7.getSearchCondition,
-        handleSearch = _props7.handleSearch,
-        handleSearchNew = _props7.handleSearchNew;
-
-    var formVal = {};
-    if (getSearchCondition && typeof getSearchCondition === 'function') {
-      formVal = getSearchCondition();
-    }
-    var paginationInfo = { offset: pagination.current, limit: pagination.pageSize };
-    _this3.setState({ pagination: paginationInfo });
-    if (selfDealPageChangeFunc && typeof selfDealPageChangeFunc === 'function') {
-      selfDealPageChangeFunc(paginationInfo, formVal);
-    } else if (handleSearch && typeof handleSearch === 'function') {
-      handleSearch(paginationInfo, formVal);
-    } else if (handleSearchNew && typeof handleSearchNew === 'function') {
-      handleSearchNew(paginationInfo, formVal);
-    }
-  };
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var isMobile = window.matchMedia('(max-width: 768px)').matches;
 exports['default'] = (0, _dva.connect)(function (state) {
   return {
     globalData: state.globalData
   };
-})(Easy3wGridPage);
+})(isMobile ? _indexM2['default'] : _indexPC2['default']);
 module.exports = exports['default'];