dlt-for-react 1.0.3 → 1.0.5

package/lib/components/KyTable/highSelect.js

@@ -0,0 +1,313 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends2 = require('babel-runtime/helpers/extends');
+
+var _extends3 = _interopRequireDefault(_extends2);
+
+var _spin = require('antd/lib/spin');
+
+var _spin2 = _interopRequireDefault(_spin);
+
+var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
+
+var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
+
+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 _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _assign = require('babel-runtime/core-js/object/assign');
+
+var _assign2 = _interopRequireDefault(_assign);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _select = require('antd/lib/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+require('antd/lib/spin/style');
+
+require('antd/lib/select/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _NHFetch = require('../../utils/NHFetch');
+
+var _NHFetch2 = _interopRequireDefault(_NHFetch);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var filterData = function filterData(data, parent) {
+  if (!parent || parent.length === 0) {
+    return data;
+  }
+  return data.filter(function (item) {
+    if ('PARENTLABEL' in item && parent) {
+      return parent.findIndex(function (row) {
+        return row === item.PARENTLABEL;
+      }) > -1;
+    }
+    if ('parentLabel' in item && parent) {
+      return parent.findIndex(function (row) {
+        return row === item.parentLabel;
+      }) > -1;
+    }
+    return false;
+  });
+};
+/**
+ * value和label值都是一样的下拉框
+ * 支持本地数据、sign，代码标志（DMK_DMBZ）
+ * 除了特有属性，其他同antd Select
+ */
+/*
+ * @Description:高级搜索使用的下拉框
+ * @Version: 1.0
+ * @Author: 琴时
+ */
+
+var Option = _select2.default.Option;
+
+var HighSelect = function (_React$Component) {
+  (0, _inherits3.default)(HighSelect, _React$Component);
+  (0, _createClass3.default)(HighSelect, null, [{
+    key: 'getDerivedStateFromProps',
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      var updateState = {};
+      var data = prevState.data;
+      if ('dataSource' in nextProps) {
+        data = nextProps.dataSource;
+        (0, _assign2.default)(updateState, { data: data, realData: data });
+      }
+
+      if ('parentLabel' in nextProps) {
+        var realData = filterData(data, nextProps.parentLabel);
+        var value = nextProps.value;
+        if (value) {
+          var nValue = value.filter(function (row) {
+            return realData.findIndex(function (item) {
+              return item.label === row || item.LABEL === row;
+            }) > -1;
+          });
+          if (value.length !== nValue.length && prevState.data && prevState.data.length > 0 && nextProps.onChange) {
+            // 此时需要重置值，并且通知也上一级（form）
+            value = nValue;
+            nextProps.onChange(value, '');
+          }
+        }
+        (0, _assign2.default)(updateState, { realData: realData });
+      }
+
+      if ((0, _keys2.default)(updateState).length > 0) {
+        return updateState;
+      }
+
+      return null;
+    }
+  }]);
+
+  function HighSelect(props) {
+    (0, _classCallCheck3.default)(this, HighSelect);
+
+    var _this = (0, _possibleConstructorReturn3.default)(this, (HighSelect.__proto__ || (0, _getPrototypeOf2.default)(HighSelect)).call(this, props));
+
+    _this.loadRemoteData = function (sign) {
+      var baseUrl = _this.props.baseUrl;
+      _this.setState({ loading: true });
+      (0, _NHFetch2.default)((baseUrl === undefined ? '' : baseUrl) + '/proData/selectDataList', 'GET', {
+        sign: sign,
+        t: new Date().getTime()
+      }).then(function (res) {
+        if (res) {
+          _this.parseData(res.data);
+          _this.setState({ loading: false });
+        } else {
+          _this.setState({ loading: false });
+        }
+      });
+    };
+
+    _this.loadLocalData = function () {
+      if (_this.props.dataSource) {
+        var newData = [].concat((0, _toConsumableArray3.default)(_this.props.dataSource));
+        var realData = [].concat((0, _toConsumableArray3.default)(_this.props.dataSource));
+        if ('parentLabel' in _this.props) {
+          realData = filterData(newData, _this.props.parentLabel);
+        }
+        _this.setState({ data: newData, realData: realData });
+      }
+    };
+
+    _this.parseData = function (data) {
+      if (data) {
+        var newData = [].concat((0, _toConsumableArray3.default)(data));
+        var realData = [].concat((0, _toConsumableArray3.default)(data));
+        if ('parentLabel' in _this.props) {
+          realData = filterData(newData, _this.props.parentLabel);
+        }
+        _this.setState({ data: newData, realData: realData });
+      } else {
+        //如果远程数据为空，则尝试加载本地数据源
+        _this.loadLocalData();
+      }
+    };
+
+    _this.unique = function (data) {
+      return data.filter(function (row, index) {
+        return data.findIndex(function (item) {
+          return (row.label || row.LABEL) === (item.label || item.LABEL);
+        }) === index;
+      });
+      // 采用后端返回的顺序，不进行排序
+      // .sort((a,b)=>{
+      //     const v = a.label || a.LABEL;
+      //     if (typeof v === 'number') {
+      //         return (b.label || b.LABEL) - v;
+      //     } else {
+      //         return (b.label || b.LABEL).localeCompare(v,'zh-CN')
+      //     }
+      // });
+    };
+
+    _this.state = {
+      data: [],
+      realData: [],
+      loading: false //是否加载远程数据中
+    };
+    return _this;
+  }
+
+  (0, _createClass3.default)(HighSelect, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      var sign = this.props.sign;
+
+      //如果是使用数据源标识，则优先加载远程数据
+
+      if (sign && sign != '') {
+        this.loadRemoteData(sign);
+      } else {
+        //如果没有使用远程数据，则加载本地数据
+        this.loadLocalData();
+      }
+    }
+    //加载远程数据
+
+
+    //加载本地数据
+
+
+    //解析数据
+
+  }, {
+    key: 'render',
+    value: function render() {
+      var otherprops = (0, _objectWithoutProperties3.default)(this.props, []);
+      var _state = this.state,
+          realData = _state.realData,
+          loading = _state.loading;
+
+      var data = this.unique(realData);
+      var options = [];
+      var isFetching = loading;
+      if (!this.props.sign) {
+        // nhtable搜索项数据加载中显示loading
+        isFetching = this.props.fetching;
+      }
+      // const { hhzs } = this.props;
+      // if(hhzs){//设置了换行字数
+      //     options = data.map(option =>  <Option key={option.VALUE || option.value} value={option.LABEL || option.label}>
+      //         {(option.LABEL || option.label).substring(0,hhzs)}<br/>{(option.LABEL || option.label).substring(hhzs,(option.LABEL || option.label).length)}
+      //     </Option>);
+      // }else{
+      options = data.map(function (option) {
+        return _react2.default.createElement(
+          Option,
+          { key: option.VALUE || option.value, value: option.LABEL || option.label },
+          option.LABEL || option.label
+        );
+      });
+      // }
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          _select2.default,
+          (0, _extends3.default)({}, otherprops, {
+            showSearch: true,
+            notFoundContent: isFetching ? _react2.default.createElement(
+              'div',
+              { style: { display: 'flex', justifyContent: 'center' } },
+              _react2.default.createElement(_spin2.default, { spinning: true, tip: '加载中' })
+            ) : '无数据',
+            dropdownMatchSelectWidth: false,
+            filterOption: function filterOption(input, option) {
+              return option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0;
+            }
+          }),
+          options
+        )
+      );
+    }
+  }]);
+  return HighSelect;
+}(_react2.default.Component);
+
+//属性默认值
+
+
+HighSelect.defaultProps = {
+  placeholder: '请选择...',
+  disabled: false
+};
+
+//属性检查
+HighSelect.propTypes = {
+  sign: _propTypes2.default.string, //远程数据源标识
+  dataSource: _propTypes2.default.arrayOf(_propTypes2.default.shape({
+    value: _propTypes2.default.string,
+    label: _propTypes2.default.node
+  })), //本地数据源
+  // style: PropTypes.object, //样式
+  // placeholder: PropTypes.string, //下拉提示
+  // disabled: PropTypes.bool, //是否禁用
+  // defaultValue: PropTypes.oneOf([PropTypes.string,PropTypes.arrayOf(PropTypes.string)]), //默认值
+  // value: PropTypes.oneOf([PropTypes.string,PropTypes.arrayOf(PropTypes.string)]), //初始值
+  baseUrl: _propTypes2.default.string, //请求路径的前缀，可通过改参数控制访问的后端服务，如果不设置，则会去访问当前前端服务对应的后端服务，例如：api/sm-bpm-expansion
+  fetching: _propTypes2.default.bool //传入的本地数据源是否在加载中 加载中显示正在加载中，需要不设置sign
+};
+
+exports.default = HighSelect;