jc-biz-components/lib/jc-city-select/index.js

jc component library based on Antd

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _cascader = require('antd/lib/cascader');

var _cascader2 = _interopRequireDefault(_cascader);

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/cascader/style');

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var CitySelect = function (_Component) {
  (0, _inherits3['default'])(CitySelect, _Component);

  function CitySelect(props) {
    (0, _classCallCheck3['default'])(this, CitySelect);

    var _this = (0, _possibleConstructorReturn3['default'])(this, (CitySelect.__proto__ || Object.getPrototypeOf(CitySelect)).call(this, props));

    _this.formatData = function (data) {
      data && data.map(function (item) {
        item['value'] = item.regionId;
        item['label'] = item.regionName;
        if (item.children && item.children.length > 0) {
          _this.formatData(item.children);
        }
      });
      return data;
    };

    _this.state = {
      options: []
    };
    return _this;
  }

  (0, _createClass3['default'])(CitySelect, [{
    key: 'render',
    value: function render() {
      var cityData = this.props.cityData;
      if (!Object.keys(!cityData ? {} : cityData).length) {
        return _react2['default'].createElement('div', null);
      }
      var options = this.formatData(cityData.data);
      return _react2['default'].createElement(_cascader2['default'], {
        options: options,
        loadData: this.props.onLoadData,
        onChange: this.props.onChange,
        placeholder: '\u8BF7\u9009\u62E9\u7701\u5E02\u533A',
        style: { width: 320 },
        changeOnSelect: true
      });
    }
  }]);
  return CitySelect;
}(_react.Component);

exports['default'] = CitySelect;
module.exports = exports['default'];