dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyTable/checkButtons.js

@@ -0,0 +1,244 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _form = require('antd/lib/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _CheckButton2 = require('xgui-for-react/lib/components/CheckButton');
+
+var _CheckButton3 = _interopRequireDefault(_CheckButton2);
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
+
+var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
+
+var _set = require('babel-runtime/core-js/set');
+
+var _set2 = _interopRequireDefault(_set);
+
+var _getIterator2 = require('babel-runtime/core-js/get-iterator');
+
+var _getIterator3 = _interopRequireDefault(_getIterator2);
+
+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);
+
+var _button = require('antd/lib/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+require('antd/lib/form/style');
+
+require('antd/lib/button/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import KyCheckButton from '../KyCheckButton';
+/*
+ * @Description:科研 Checkbutton搜索
+ * @Version: 1.0
+ * @Author: 琴时
+ */
+
+var ButtonGroup = _button2.default.ButtonGroup;
+
+var checkButtons = function (_Component) {
+  (0, _inherits3.default)(checkButtons, _Component);
+
+  function checkButtons(props) {
+    (0, _classCallCheck3.default)(this, checkButtons);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (checkButtons.__proto__ || (0, _getPrototypeOf2.default)(checkButtons)).call(this, props));
+
+    _this.generateSelectData = function (tableData) {
+      var dataSource = {};
+      var tableSelect = _this.getTableSelect(_this.props.checkbtnClos);
+      // 遍历列表数据
+      tableData && tableData.forEach(function (item, index) {
+        var _iteratorNormalCompletion = true;
+        var _didIteratorError = false;
+        var _iteratorError = undefined;
+
+        try {
+          for (var _iterator = (0, _getIterator3.default)(tableSelect), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            var dataIndex = _step.value;
+
+            if (!dataSource[dataIndex]) {
+              dataSource[dataIndex] = new _set2.default();
+            }
+            if (item[dataIndex] && item[dataIndex] !== null && item[dataIndex] !== undefined) {
+              if (typeof item[dataIndex] === 'string' && item[dataIndex].trim() !== '') {
+                dataSource[dataIndex].add(item[dataIndex]);
+              } else {
+                dataSource[dataIndex].add(item[dataIndex]);
+              }
+            }
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+      });
+      var _iteratorNormalCompletion2 = true;
+      var _didIteratorError2 = false;
+      var _iteratorError2 = undefined;
+
+      try {
+        for (var _iterator2 = (0, _getIterator3.default)(tableSelect), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+          var dataIndex = _step2.value;
+
+          if (dataSource[dataIndex]) {
+            dataSource[dataIndex] = [].concat((0, _toConsumableArray3.default)(dataSource[dataIndex])).map(function (item) {
+              return { label: item, value: item };
+            });
+          }
+        }
+      } catch (err) {
+        _didIteratorError2 = true;
+        _iteratorError2 = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion2 && _iterator2.return) {
+            _iterator2.return();
+          }
+        } finally {
+          if (_didIteratorError2) {
+            throw _iteratorError2;
+          }
+        }
+      }
+
+      _this.setState({ dataSource: dataSource });
+      // console.log( 'dataSource',dataSource )
+    };
+
+    _this.getTableSelect = function (columns) {
+      var tableSelect = [];
+      columns && columns.forEach(function (item) {
+        if (item.checkButton && item.checkButton == 'true') {
+          tableSelect.push(item.dataIndex);
+        }
+      });
+      return tableSelect;
+    };
+
+    _this.onChange = function (value, dataIndex) {
+      _this.props.form.setFieldsValue((0, _defineProperty3.default)({}, dataIndex, value), function () {
+        _this.props.onCheckbuttonSearch();
+      });
+    };
+
+    _this.state = {
+      dataSource: []
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(checkButtons, [{
+    key: 'componentWillMount',
+    value: function componentWillMount() {}
+  }, {
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var _props = this.props,
+          checkbtnClos = _props.checkbtnClos,
+          tableData = _props.tableData;
+
+      this.generateSelectData(tableData);
+    }
+  }, {
+    key: 'componentWillReceiveProps',
+    value: function componentWillReceiveProps(nextProps) {
+      if ('tableData' in nextProps && nextProps.tableData != this.props.tableData) {
+        this.generateSelectData(nextProps.tableData);
+      }
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _this2 = this;
+
+      var _props2 = this.props,
+          checkbtnClos = _props2.checkbtnClos,
+          form = _props2.form,
+          tableData = _props2.tableData;
+      var getFieldDecorator = form.getFieldDecorator;
+      var dataSource = this.state.dataSource;
+
+      var formItemLayout = {
+        wrapperCol: { span: 14, offset: 4 }
+      };
+      return _react2.default.createElement(
+        _form2.default,
+        { layout: 'inline' },
+        checkbtnClos && checkbtnClos.length > 0 && checkbtnClos.map(function (item, index) {
+          return _react2.default.createElement(
+            _form2.default.Item,
+            { label: _react2.default.createElement(
+                'span',
+                null,
+                item.title
+              ), style: { display: 'block' }, key: index },
+            getFieldDecorator('S_' + item.dataIndex + '_IN', {
+              onChange: function onChange(val) {
+                _this2.onChange(val, item.dataIndex);
+              }
+            })(_react2.default.createElement(_CheckButton3.default, {
+              className: 'check',
+              single: false,
+              options: dataSource[item.dataIndex],
+              showItems: 3
+              // onChange={(value)=>this.onChange(value,item.dataIndex)}
+            }))
+          );
+        })
+      );
+    }
+  }]);
+  return checkButtons;
+}(_react.Component);
+
+exports.default = _form2.default.create()(checkButtons);