dlt-for-react 1.0.2 → 1.0.4

package/lib/components/KyTable/expexcel.js

@@ -0,0 +1,269 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _input = require('antd/lib/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _row = require('antd/lib/row');
+
+var _row2 = _interopRequireDefault(_row);
+
+var _col = require('antd/lib/col');
+
+var _col2 = _interopRequireDefault(_col);
+
+var _transfer = require('antd/lib/transfer');
+
+var _transfer2 = _interopRequireDefault(_transfer);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+require('antd/lib/input/style');
+
+require('antd/lib/row/style');
+
+require('antd/lib/col/style');
+
+require('antd/lib/transfer/style');
+
+require('antd/lib/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var ExpExcel = function (_React$Component) {
+  (0, _inherits3.default)(ExpExcel, _React$Component);
+
+  function ExpExcel(props) {
+    (0, _classCallCheck3.default)(this, ExpExcel);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (ExpExcel.__proto__ || (0, _getPrototypeOf2.default)(ExpExcel)).call(this, props));
+
+    _this.handleChange = function (targetKeys, direction, moveKeys) {
+      if (direction === 'left') {
+        _this.setState({ targetKeys: targetKeys });
+      } else {
+        var newTargetKeys = [];
+        for (var i = moveKeys.length; i < targetKeys.length; i++) {
+          newTargetKeys.push(targetKeys[i]);
+        }
+        for (var _i = 0; _i < moveKeys.length; _i++) {
+          newTargetKeys.push(moveKeys[_i]);
+        }
+        _this.setState({ targetKeys: newTargetKeys });
+      }
+    };
+
+    _this.handleSelectChange = function (sourceSelectedKeys, targetSelectedKeys) {
+      _this.setState({
+        targetSelectedKeys: targetSelectedKeys
+      });
+    };
+
+    _this.handleFileNameChange = function (e) {
+      _this.setState({
+        excelName: e.target.value
+      });
+    };
+
+    _this.handleUp = function () {
+      var targetKeys = [].concat((0, _toConsumableArray3.default)(_this.state.targetKeys));
+      var targetSelectedKeys = [].concat((0, _toConsumableArray3.default)(_this.state.targetSelectedKeys));
+      //先将选中的key按原列表顺序排序（未排序前是选中的顺序，这样移动会有Bug）
+      targetSelectedKeys.sort(function (a, b) {
+        return targetKeys.indexOf(a) - targetKeys.indexOf(b);
+      });
+      for (var index in targetSelectedKeys) {
+        var oldIndex = targetKeys.indexOf(targetSelectedKeys[index]);
+        //如果不是第一个，则将下标减1
+        if (oldIndex > -1 && oldIndex !== 0) {
+          var newIndex = oldIndex - 1;
+          var newKey = targetKeys[newIndex];
+          var oldKey = targetKeys[oldIndex];
+          //如果前面一个元素不是选中的元素，则进行替换
+          if (targetSelectedKeys.indexOf(newKey) === -1) {
+            targetKeys[newIndex] = oldKey;
+            targetKeys[oldIndex] = newKey;
+          }
+        }
+      }
+      _this.setState({ targetKeys: [].concat((0, _toConsumableArray3.default)(targetKeys)) });
+    };
+
+    _this.handleDown = function () {
+      var targetKeys = [].concat((0, _toConsumableArray3.default)(_this.state.targetKeys));
+      var targetSelectedKeys = [].concat((0, _toConsumableArray3.default)(_this.state.targetSelectedKeys));
+      //先将选中的key按原列表顺序排序（未排序前是选中的顺序，这样移动会有Bug, 下移时顺序反过来）
+      targetSelectedKeys.sort(function (a, b) {
+        return targetKeys.indexOf(b) - targetKeys.indexOf(a);
+      });
+      for (var index in targetSelectedKeys) {
+        var oldIndex = targetKeys.indexOf(targetSelectedKeys[index]);
+        //如果不是第最后一个，则将下标加1
+        if (oldIndex > -1 && oldIndex !== targetKeys.length - 1) {
+          var newIndex = oldIndex + 1;
+          var newKey = targetKeys[newIndex];
+          var oldKey = targetKeys[oldIndex];
+          //如果后面一个元素不是选中的元素，则进行替换
+          if (targetSelectedKeys.indexOf(newKey) === -1) {
+            targetKeys[newIndex] = oldKey;
+            targetKeys[oldIndex] = newKey;
+          }
+        }
+      }
+      //保存到form中
+      _this.setState({ targetKeys: [].concat((0, _toConsumableArray3.default)(targetKeys)) });
+    };
+
+    _this.renderFooter = function () {
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(_button2.default, {
+          size: 'small',
+          style: { float: 'right', margin: 5 },
+          onClick: _this.handleUp,
+          icon: 'up'
+        }),
+        _react2.default.createElement(_button2.default, {
+          size: 'small',
+          style: { float: 'right', margin: 5 },
+          onClick: _this.handleDown,
+          icon: 'down'
+        })
+      );
+    };
+
+    _this.state = {
+      dataSource: [],
+      targetKeys: [],
+      excelName: _this.props.excelName
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(ExpExcel, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var dataSource = [];
+      var targetKeys = [];
+      this.props.columns.map(function (item, index) {
+        if (item.excel !== false) {
+          dataSource.push({
+            key: (item.excelKey ? item.excelKey.toUpperCase() : item.dataIndex ? item.dataIndex.toUpperCase() : item.key.toUpperCase()) + '@' + item.title,
+            title: item.title
+          });
+          //是否默认显示在右侧（导出）数据栏
+          if (!item.ifNotExpDefault) {
+            targetKeys.push((item.excelKey ? item.excelKey.toUpperCase() : item.dataIndex ? item.dataIndex.toUpperCase() : item.key.toUpperCase()) + '@' + item.title);
+          } else {}
+        }
+        return item;
+      });
+      this.setState({
+        dataSource: dataSource,
+        targetKeys: targetKeys
+      });
+    }
+
+    //上移排序
+
+
+    //下移排序
+
+
+    //自定义底部排序按钮
+
+  }, {
+    key: 'render',
+    value: function render() {
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          _row2.default,
+          null,
+          _react2.default.createElement(
+            _col2.default,
+            null,
+            _react2.default.createElement(_transfer2.default, {
+              rowKey: function rowKey(record) {
+                return record.key;
+              },
+              dataSource: this.state.dataSource,
+              titles: ['待选择列', '已选择列'],
+              targetKeys: this.state.targetKeys,
+              onChange: this.handleChange,
+              onSelectChange: this.handleSelectChange,
+              render: function render(item) {
+                return item.title;
+              },
+              showSearch: true,
+              lazy: false,
+              listStyle: {
+                width: 235,
+                height: 300
+              },
+              footer: this.renderFooter
+            })
+          )
+        ),
+        _react2.default.createElement(
+          _row2.default,
+          { span: '2' },
+          _react2.default.createElement(
+            _col2.default,
+            { style: { padding: '10px' } },
+            '\u6587\u4EF6\u540D\uFF1A',
+            _react2.default.createElement(_input2.default, {
+              value: this.state.excelName,
+              onChange: this.handleFileNameChange,
+              style: { width: '450px' }
+            })
+          )
+        )
+      );
+    }
+  }]);
+  return ExpExcel;
+}(_react2.default.Component);
+
+ExpExcel.defaultProps = {
+  excelName: undefined,
+  columns: []
+};
+exports.default = ExpExcel;