dlt-for-react 1.0.2 → 1.0.4

package/lib/components/KyTable/action.js

@@ -0,0 +1,222 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _dropdown = require('antd/lib/dropdown');
+
+var _dropdown2 = _interopRequireDefault(_dropdown);
+
+var _icon = require('antd/lib/icon');
+
+var _icon2 = _interopRequireDefault(_icon);
+
+var _menu = require('antd/lib/menu');
+
+var _menu2 = _interopRequireDefault(_menu);
+
+var _divider = require('antd/lib/divider');
+
+var _divider2 = _interopRequireDefault(_divider);
+
+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/dropdown/style');
+
+require('antd/lib/icon/style');
+
+require('antd/lib/menu/style');
+
+require('antd/lib/divider/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _NHCore = require('../../utils/NHCore');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Action = function (_React$Component) {
+  (0, _inherits3.default)(Action, _React$Component);
+
+  function Action(props) {
+    (0, _classCallCheck3.default)(this, Action);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (Action.__proto__ || (0, _getPrototypeOf2.default)(Action)).call(this, props));
+
+    _this.buildAction = function (action, length) {
+      for (var _len = arguments.length, restProps = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+        restProps[_key - 2] = arguments[_key];
+      }
+
+      var resDiv = [];
+      var record = _this.props.record;
+
+      var _loop = function _loop(i) {
+        resDiv.push(!action[i].isTextBtn ? _react2.default.createElement(
+          'a',
+          {
+            key: (0, _NHCore.createUuid)(),
+            onClick: function onClick(e) {
+              e.stopPropagation();
+              if (action[i].onClick) {
+                action[i].onClick(record, e);
+              }
+            }
+          },
+          action[i].title || ''
+        ) : _react2.default.createElement(
+          'span',
+          { key: (0, _NHCore.createUuid)() },
+          action[i].title || ''
+        ));
+        if (i < length - 1) {
+          resDiv.push(_react2.default.createElement(_divider2.default, { key: (0, _NHCore.createUuid)(), type: 'vertical' }));
+        }
+      };
+
+      for (var i = 0; i < length; i++) {
+        _loop(i);
+      }
+      if (restProps) {
+        resDiv.push.apply(resDiv, restProps);
+      }
+      return resDiv;
+    };
+
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass3.default)(Action, [{
+    key: 'render',
+    value: function render() {
+      var initAction = this.props.action;
+      var record = this.props.record;
+      var actionLength = this.props.actionLength || 2; //表格action显示的个数
+      var action = [];
+      for (var i = 0; i < initAction.length; i++) {
+        if (initAction[i].isShow === undefined || initAction[i].isShow(record)) {
+          initAction[i].isTextBtn = initAction[i].isText && initAction[i].isText(record);
+          action.push(initAction[i]);
+        }
+      }
+
+      var actionHtml = [];
+      if (action.length === 1) {
+        actionHtml.push(_react2.default.createElement(
+          'div',
+          { key: (0, _NHCore.createUuid)() },
+          !action[0].isTextBtn ? _react2.default.createElement(
+            'a',
+            {
+              onClick: function onClick(e) {
+                e.stopPropagation();
+                if (action[0].onClick) {
+                  action[0].onClick(record, e);
+                }
+              }
+            },
+            action[0].title || ''
+          ) : _react2.default.createElement(
+            'span',
+            null,
+            action[0].title || ''
+          )
+        ));
+      } else if (action.length <= actionLength && action.length > 0) {
+        actionHtml.push(_react2.default.createElement(
+          'div',
+          { key: (0, _NHCore.createUuid)() },
+          this.buildAction(action, action.length)
+        ));
+      } else if (action.length > actionLength) {
+        var menuItems = [];
+
+        var _loop2 = function _loop2(_i) {
+          menuItems.push(_react2.default.createElement(
+            _menu2.default.Item,
+            { key: _i },
+            !action[_i].isTextBtn ? _react2.default.createElement(
+              'a',
+              {
+                style: { color: 'var(--primary-color)' },
+                onClick: function onClick(e) {
+                  e.stopPropagation();
+                  if (action[_i].onClick) {
+                    action[_i].onClick(record, e);
+                  }
+                }
+              },
+              action[_i].title || ''
+            ) : _react2.default.createElement(
+              'span',
+              null,
+              ' ',
+              action[_i].title || ''
+            )
+          ));
+        };
+
+        for (var _i = actionLength - 1; _i < action.length; _i++) {
+          _loop2(_i);
+        }
+        var menu = _react2.default.createElement(
+          _menu2.default,
+          null,
+          menuItems
+        );
+        var MoreBtn = function MoreBtn() {
+          return _react2.default.createElement(
+            _dropdown2.default,
+            { overlay: menu },
+            _react2.default.createElement(
+              'a',
+              null,
+              '\u66F4\u591A ',
+              _react2.default.createElement(_icon2.default, { type: 'down' })
+            )
+          );
+        };
+        actionHtml.push(_react2.default.createElement(
+          'div',
+          { key: (0, _NHCore.createUuid)() },
+          this.buildAction(action, actionLength - 1, _react2.default.createElement(_divider2.default, { type: 'vertical', key: (0, _NHCore.createUuid)() }), _react2.default.createElement(MoreBtn, { key: (0, _NHCore.createUuid)() }))
+        ));
+      }
+      return _react2.default.createElement(
+        'div',
+        null,
+        actionHtml
+      );
+    }
+  }]);
+  return Action;
+}(_react2.default.Component);
+
+Action.defaultProps = {
+  action: [],
+  record: undefined
+};
+exports.default = Action;

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);