easy3wui 1.5.22 → 1.5.23

package/lib/Easy3wGridInputNumberFormat/index.js

@@ -0,0 +1,93 @@
+'use strict';
+
+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 _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+require('antd/lib/form/style');
+
+var _inputNumber = require('antd/lib/input-number');
+
+var _inputNumber2 = _interopRequireDefault(_inputNumber);
+
+require('antd/lib/input-number/style');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var Easy3wGridInputNumberFormat = function (_Component) {
+  (0, _inherits3['default'])(Easy3wGridInputNumberFormat, _Component);
+
+  function Easy3wGridInputNumberFormat() {
+    (0, _classCallCheck3['default'])(this, Easy3wGridInputNumberFormat);
+    return (0, _possibleConstructorReturn3['default'])(this, _Component.apply(this, arguments));
+  }
+
+  Easy3wGridInputNumberFormat.prototype.render = function render() {
+    var _props = this.props,
+        fieldId = _props.fieldId,
+        value = _props.value,
+        form = _props.form,
+        cmptPros = _props.cmptPros,
+        required = _props.required,
+        requiredMessage = _props.requiredMessage,
+        label = _props.label,
+        pattern = _props.pattern,
+        patternMessage = _props.patternMessage;
+    var getFieldDecorator = form.getFieldDecorator;
+
+    var rulesArr = [];
+    var requiredRule = { required: required, message: requiredMessage || '\u8BF7\u586B\u5199' + label };
+    var patternRule = { pattern: pattern, message: patternMessage };
+    rulesArr.push(requiredRule);
+    if (pattern) {
+      rulesArr.push(patternRule);
+    }
+    return _react2['default'].createElement(
+      _form2['default'].Item,
+      { style: { marginBottom: 0 } },
+      getFieldDecorator(fieldId, {
+        // trigger: 'onBlur',
+        // valuePropName: 'defaultValue',
+        rules: rulesArr,
+        initialValue: value
+      })(_react2['default'].createElement(_inputNumber2['default'], (0, _extends3['default'])({
+        formatter: function formatter(val) {
+          return ('' + val).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        },
+        parser: function parser(val) {
+          return val.replace(/\$\s?|(,*)/g, '');
+        },
+        precision: 2
+      }, cmptPros, {
+        style: { minWidth: 80, width: '100%' }
+      })))
+    );
+  };
+
+  return Easy3wGridInputNumberFormat;
+}(_react.Component);
+
+exports['default'] = Easy3wGridInputNumberFormat;
+module.exports = exports['default'];

package/lib/Easy3wGridPage/index.js

@@ -0,0 +1,593 @@
+'use strict';
+
+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);
+
+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 _this$props = _this.props,
+        selectedVal = _this$props.selectedVal,
+        selectedKey = _this$props.selectedKey,
+        rowKey = _this$props.rowKey,
+        rowKeyCname = _this$props.rowKeyCname;
+
+    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 }
+    };
+    return _this;
+  }
+
+  Easy3wGridPage.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+    if (nextProps.cleanFlag === '1') {
+      this.delAll();
+    }
+  };
+
+  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;
+    var _state = this.state,
+        selectedRowKeysState = _state.selectedRowKeysState,
+        selectedRowsState = _state.selectedRowsState,
+        selRowKeysTags = _state.selRowKeysTags;
+
+    var paginationProps = false; // 默认不分页
+    var recursion = function recursion(arr) {
+      arr.forEach(function (item) {
+        var columnsType = item.type;
+        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) {
+            if (text && text.length * 14 > 160) {
+              return _react2['default'].createElement(
+                _tooltip2['default'],
+                { placement: 'topLeft', title: text, style: { whiteSpace: 'pre-wrap', wordWrap: 'break-word' } },
+                text
+              );
+            } else {
+              return text;
+            }
+          };
+          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) {
+      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) {
+          myColumns = [{
+            title: '序号',
+            dataIndex: 'number',
+            className: 'e3wGridShortText',
+            render: function render(text, record, index) {
+              return _react2['default'].createElement(
+                'div',
+                null,
+                (current - 1) * limit + index + 1,
+                ' '
+              );
+            }
+          }].concat(columns);
+        }
+      }
+    }
+    var printArr = location.hash.split('/');
+    var printValue = this.props.printValue || 'print';
+    var printFlag = printArr[1] === printValue;
+    if (printFlag) {
+      myColumns.forEach(function (item) {
+        if (item.fixed) {
+          item.fixed = null;
+        }
+      });
+    }
+    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' });
+    return _react2['default'].createElement(
+      'div',
+      { className: gridProps || this.props.rowType ? gridProps.onRow || this.props.rowType ? 'onRow' : null : null },
+      _react2['default'].createElement(_table2['default'], (0, _extends3['default'])({
+        className: printFlag ? '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 ? 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) {
+    return (0, _numeral2['default'])(text).format('0,0.00');
+  };
+
+  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;
+
+    var formVal = getSearchCondition();
+    var paginationInfo = { offset: pagination.current, limit: pagination.pageSize };
+    _this3.setState({ pagination: paginationInfo });
+    if (selfDealPageChangeFunc) {
+      selfDealPageChangeFunc(paginationInfo, formVal);
+    } else {
+      handleSearch(paginationInfo, formVal);
+    }
+  };
+};
+
+exports['default'] = Easy3wGridPage;
+module.exports = exports['default'];