tplus-components-touch 3.28.2 → 3.28.3

package/dist/components/acCitySelect/CitySelect.js

@@ -0,0 +1,541 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _stringify = require('babel-runtime/core-js/json/stringify');
+
+var _stringify2 = _interopRequireDefault(_stringify);
+
+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 _select = require('antd/es/select');
+
+var _select2 = _interopRequireDefault(_select);
+
+var _class, _temp, _initialiseProps; /*
+                                      * @Descripttion:
+                                      * @version:
+                                      * @Author: chenlongad
+                                      * @Date: 2021-01-06 15:40:39
+                                      * @LastEditors: chenlongad
+                                      * @LastEditTime: 2021-01-06 16:16:27
+                                      */
+
+require('antd/es/select/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _lodash = require('lodash.findindex');
+
+var _lodash2 = _interopRequireDefault(_lodash);
+
+var _provinceData = require('./provinceData');
+
+require('./CitySelect.less');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Option = _select2.default.Option;
+
+var propTypes = {
+    defaultValue: _propTypes2.default.object,
+    value: _propTypes2.default.object,
+    onChange: _propTypes2.default.func,
+    provinceData: _propTypes2.default.array,
+    lang: _propTypes2.default.string,
+    disabled: _propTypes2.default.bool, //设置组件是否被禁用；
+    disabledProvinceArr: _propTypes2.default.array, //设置禁用的省份
+    disabledCityArr: _propTypes2.default.array, //设置禁用的地级市
+    disabledAreaObj: _propTypes2.default.object, //设置不可用的区域；
+    allowClear: _propTypes2.default.bool //设置城市选择框是否可以被清除；
+};
+var defaultProps = {
+    defaultValue: _provinceData.zh.defaultValue,
+    value: _provinceData.zh.defaultValue,
+    onChange: function onChange() {},
+    provinceData: _provinceData.zh.provinceData,
+    lang: 'zh_CN',
+    disabled: false,
+    allowClear: false,
+    disabledProvinceArr: [],
+    disabledCityArr: [],
+    disabledAreaObj: null
+};
+var CitySelect = (_temp = _class = function (_Component) {
+    (0, _inherits3.default)(CitySelect, _Component);
+
+    function CitySelect(props) {
+        (0, _classCallCheck3.default)(this, CitySelect);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (CitySelect.__proto__ || (0, _getPrototypeOf2.default)(CitySelect)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var provinceData = props.provinceData,
+            disabledProvinceArr = props.disabledProvinceArr,
+            disabledCityArr = props.disabledCityArr,
+            disabledAreaObj = props.disabledAreaObj,
+            lang = props.lang;
+        // if (props.lang === 'zh_TW') {
+        //     provinceData = tw.provinceData;
+        // } else if (props.lang === 'en_US') {
+        //     provinceData = en.provinceData
+        // }
+
+        _this.state = {
+            provinceIndex: 0,
+            cityIndex: 0,
+            province: '北京',
+            secondCity: provinceData[0].city[0].name,
+            secondArea: provinceData[0].city[0].area[0],
+            provinceData: _this.buildInitDataArr(provinceData, disabledProvinceArr, lang),
+            cities: _this.buildInitDataArr(provinceData[0].city, disabledCityArr, lang),
+            areas: _this.buildAreaInitData(provinceData[0].city[0].area, provinceData[0].name, disabledAreaObj, lang)
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(CitySelect, [{
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var _props = this.props,
+                _defaultValue = _props.defaultValue,
+                value = _props.value,
+                lang = _props.lang,
+                disabledProvinceArr = _props.disabledProvinceArr,
+                disabledCityArr = _props.disabledCityArr,
+                disabledAreaObj = _props.disabledAreaObj;
+
+            var provinceData = this.state.provinceData;
+            // if (lang === 'zh_TW') {
+            //     provinceData = tw.provinceData;
+            //     _defaultValue = tw.defaultValue;
+            // } else if (lang === 'en_US') {
+            //     provinceData = en.provinceData;
+            //     _defaultValue = en.defaultValue;
+            // }
+            var defaultValue = value ? value : _defaultValue;
+            var province = defaultValue.province;
+            var provinceIndex = this.getIndex('province', defaultValue.province);
+            var cityIndex = this.getIndex('city', defaultValue.city, provinceIndex);
+
+            provinceIndex = provinceIndex < 0 ? 0 : provinceIndex;
+            cityIndex = cityIndex < 0 ? 0 : cityIndex;
+
+            var secondCity = defaultValue.city;
+            var secondArea = defaultValue.area;
+            var provinceInitData = this.buildInitDataArr(provinceData, disabledProvinceArr, lang);
+            var citiesInitData = this.buildInitDataArr(provinceInitData[provinceIndex].city, disabledCityArr, lang);
+            var areasInitData = this.buildAreaInitData(citiesInitData[cityIndex].area, citiesInitData[cityIndex].name, disabledAreaObj, lang);
+
+            this.setState({
+                province: province,
+                provinceIndex: provinceIndex, //被选中省的下标
+                cityIndex: cityIndex, //被选中市的下标
+                cities: citiesInitData,
+                secondCity: secondCity,
+                areas: areasInitData,
+                secondArea: secondArea,
+                provinceData: provinceInitData
+            });
+        }
+    }, {
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps) {
+            if (!nextProps.value) return;
+            var _props$value = this.props.value,
+                oldProvince = _props$value.province,
+                oldCity = _props$value.city,
+                oldArea = _props$value.area;
+            var _nextProps$value = nextProps.value,
+                province = _nextProps$value.province,
+                city = _nextProps$value.city,
+                area = _nextProps$value.area;
+            var preLang = nextProps.preLang,
+                lang = nextProps.lang;
+
+            if (province !== oldProvince) {
+                var _getCurrentValue = this.getCurrentValue(province, city, area, preLang, lang),
+                    newProvince = _getCurrentValue.newProvince,
+                    newCity = _getCurrentValue.newCity,
+                    newArea = _getCurrentValue.newArea;
+
+                this.setState({
+                    province: newProvince
+                });
+                return this.handleProvinceChange(newProvince, newCity, newArea);
+            }
+            if (city !== oldCity) {
+                var _getCurrentValue2 = this.getCurrentValue(province, city, area, preLang, lang),
+                    _newCity = _getCurrentValue2.newCity,
+                    _newArea = _getCurrentValue2.newArea;
+
+                this.setState({
+                    secondCity: _newCity
+                });
+                return this.handleCityChange(_newCity, _newArea);
+            }
+            if (area !== oldArea) {
+                var _getCurrentValue3 = this.getCurrentValue(province, city, area, preLang, lang),
+                    _newArea2 = _getCurrentValue3.newArea;
+
+                this.setState({
+                    secondArea: _newArea2
+                });
+                this.onSecondAreaChange(_newArea2);
+            }
+        }
+        // 切换语种后，要自动翻译value
+
+    }, {
+        key: 'getCurrentValue',
+        value: function getCurrentValue(province, city, area, preLang, lang) {
+            var result = {
+                newProvince: province,
+                newCity: city,
+                newArea: area
+            };
+            if (!preLang || preLang === lang) return result;
+            var newValue = this.translateValue(province, city, area, preLang);
+            if (newValue) {
+                result.newProvince = newValue.province;
+                result.newCity = newValue.city;
+                result.newArea = newValue.area;
+            }
+            return result;
+        }
+
+        /**
+         * 函数功能：重新构建 省市和区域的初始值；
+         * @param originalArr  原始数据；
+         * @param disabledCityArr  对应禁用的数据；
+         * @param lang 获取语言类型；
+         *  */
+
+
+        /**
+         * 构建区域所在的基本数据；
+         * @param areaArr 当前区域原始数据；
+         * @param cityName  当前区域所在的城市；
+         * @param disabledAreaObj 设置的不可选中的地域数据；
+         * @param lang 获取语言类型；
+         * */
+
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var _state = this.state,
+                provinceData = _state.provinceData,
+                cities = _state.cities,
+                areas = _state.areas;
+            var notFoundContent = this.props.notFoundContent;
+
+
+            var provinceOptions = provinceData.map(function (province, index) {
+                if (province.disabled) {
+                    return _react2.default.createElement(
+                        Option,
+                        { key: province.name, disabled: true },
+                        province.name
+                    );
+                } else {
+                    return _react2.default.createElement(
+                        Option,
+                        { key: province.name },
+                        province.name
+                    );
+                }
+            });
+            var cityOptions = cities.map(function (city, index) {
+                if (city.disabled) {
+                    return _react2.default.createElement(
+                        Option,
+                        { key: city.name, disabled: true },
+                        city.name
+                    );
+                } else {
+                    return _react2.default.createElement(
+                        Option,
+                        { key: city.name },
+                        city.name
+                    );
+                }
+            });
+
+            var areaOptions = areas.map(function (area, index) {
+                if (area.disabled) {
+                    return _react2.default.createElement(
+                        Option,
+                        { key: area.name, disabled: true },
+                        area.name
+                    );
+                } else {
+                    return _react2.default.createElement(
+                        Option,
+                        { key: area.name },
+                        area.name
+                    );
+                }
+            });
+            return _react2.default.createElement(
+                'div',
+                { className: (0, _classnames2.default)("city-select", this.props.className) },
+                _react2.default.createElement(
+                    _select2.default,
+                    {
+                        value: this.state.province,
+                        className: 'province',
+                        disabled: this.props.disabled,
+                        notFoundContent: notFoundContent,
+                        allowClear: this.state.province && this.props.allowClear,
+                        onChange: function onChange(value) {
+                            return _this2.handleProvinceChange(value);
+                        } },
+                    provinceOptions
+                ),
+                _react2.default.createElement(
+                    _select2.default,
+                    {
+                        value: this.state.secondCity,
+                        disabled: this.props.disabled,
+                        notFoundContent: notFoundContent,
+                        allowClear: this.state.secondCity && this.props.allowClear,
+                        className: 'city',
+                        onChange: function onChange(value) {
+                            return _this2.handleCityChange(value);
+                        } },
+                    cityOptions
+                ),
+                _react2.default.createElement(
+                    _select2.default,
+                    {
+                        value: this.state.secondArea,
+                        className: 'area',
+                        allowClear: this.state.secondArea && this.props.allowClear,
+                        disabled: this.props.disabled,
+                        notFoundContent: notFoundContent,
+                        onChange: function onChange(value) {
+                            return _this2.onSecondAreaChange(value);
+                        } },
+                    areaOptions
+                )
+            );
+        }
+    }]);
+    return CitySelect;
+}(_react.Component), _initialiseProps = function _initialiseProps() {
+    var _this3 = this;
+
+    this.buildInitDataArr = function (originalArr, disabledCityArr, lang) {
+        var newDataArr = JSON.parse((0, _stringify2.default)(originalArr));
+        disabledCityArr = JSON.parse((0, _stringify2.default)(disabledCityArr));
+        newDataArr.forEach(function (newDataArr, index, obj) {
+            newDataArr.disabled = false;
+            var provinceName = newDataArr.name;
+            if (disabledCityArr.length > 0) {
+                for (var i = 0; i < disabledCityArr.length; i++) {
+                    if (lang === "en_US") {
+                        if (provinceName.toLowerCase() === disabledCityArr[i].toLowerCase()) {
+                            newDataArr.disabled = true;
+                        }
+                    } else {
+                        if (provinceName === disabledCityArr[i]) {
+                            newDataArr.disabled = true;
+                        }
+                    }
+                }
+            }
+        });
+        return newDataArr;
+    };
+
+    this.buildAreaInitData = function (areaArr, cityName, disabledAreaObj, lang) {
+        var newArr = [];
+        for (var i = 0; i < areaArr.length; i++) {
+            var jsonItem = {};
+            jsonItem.name = areaArr[i];
+            jsonItem.disabled = false;
+            if (disabledAreaObj != undefined && disabledAreaObj[cityName] != undefined) {
+                var disabledAreaArr = disabledAreaObj[cityName];
+                for (var j = 0; j < disabledAreaArr.length; j++) {
+                    if (lang === "en_US") {
+                        if (areaArr[i].toLowerCase() === disabledAreaArr[j].toLowerCase()) {
+                            jsonItem.disabled = true;
+                        }
+                    } else {
+                        if (areaArr[i] === disabledAreaArr[j]) {
+                            jsonItem.disabled = true;
+                        }
+                    }
+                }
+            }
+            newArr.push(jsonItem);
+        }
+        return newArr;
+    };
+
+    this.getIndex = function (type, name, provinceIndex, targetData) {
+        var provinceData = targetData || _this3.state.provinceData;
+        var provinceI = provinceIndex || _this3.state.provinceIndex;
+        provinceI = provinceI < 0 ? 0 : provinceI;
+        switch (type) {
+            case 'province':
+                return (0, _lodash2.default)(provinceData, function (province) {
+                    return province.name === name;
+                });
+            case 'city':
+                return (0, _lodash2.default)(provinceData[provinceI].city, function (city) {
+                    return city.name === name;
+                });
+        }
+    };
+
+    this.handleProvinceChange = function (value, cityValue, areaValue) {
+        value = value ? value : '';
+        var city = '',
+            area = '',
+            index = 0,
+            citesInitArr = [],
+            areasInitData = [];
+        if (value !== '') {
+            var _state2 = _this3.state,
+                provinceData = _state2.provinceData,
+                provinceIndex = _state2.provinceIndex;
+            var _props2 = _this3.props,
+                disabledCityArr = _props2.disabledCityArr,
+                disabledAreaObj = _props2.disabledAreaObj,
+                lang = _props2.lang;
+
+            index = _this3.getIndex('province', value);
+            if (index > -1) {
+                citesInitArr = _this3.buildInitDataArr(provinceData[index].city, disabledCityArr, lang);
+                areasInitData = _this3.buildAreaInitData(citesInitArr[0].area, citesInitArr[0].name, disabledAreaObj, lang);
+                city = cityValue ? cityValue : citesInitArr[0].name;
+                area = areaValue ? areaValue : areasInitData[0].name;
+            }
+        }
+        _this3.setState({
+            province: value,
+            cities: citesInitArr,
+            secondCity: city,
+            provinceIndex: index,
+            areas: areasInitData,
+            secondArea: area
+        });
+        _this3.onChange(value, city, area);
+    };
+
+    this.handleCityChange = function (value, areaValue) {
+        value = value ? value : '';
+        var index = '',
+            area = '',
+            areasInitData = [];
+        var _state3 = _this3.state,
+            province = _state3.province,
+            cities = _state3.cities,
+            cityIndex = _state3.cityIndex;
+        var _props3 = _this3.props,
+            disabledAreaObj = _props3.disabledAreaObj,
+            lang = _props3.lang;
+
+        if (value !== '') {
+            index = _this3.getIndex('city', value);
+            if (index > -1) {
+                areasInitData = _this3.buildAreaInitData(cities[index].area, cities[index].name, disabledAreaObj, lang);
+                area = areaValue ? areaValue : areasInitData[0].name;
+            }
+        }
+        _this3.setState({
+            secondCity: value,
+            areas: areasInitData,
+            secondArea: area,
+            cityIndex: value
+        });
+        _this3.onChange(province, value, area);
+    };
+
+    this.onSecondAreaChange = function (value) {
+        value = value ? value : '';
+        var _state4 = _this3.state,
+            province = _state4.province,
+            secondCity = _state4.secondCity;
+
+        _this3.setState({
+            secondArea: value
+        });
+        _this3.onChange(province, secondCity, value);
+    };
+
+    this.onChange = function (province, city, area) {
+        _this3.props.onChange({
+            province: province,
+            city: city,
+            area: area
+        });
+    };
+
+    this.translateValue = function (province, secondCity, secondArea, preLang) {
+        var provinceData = _this3.state.provinceData;
+
+        var lastData = void 0;
+        // if (preLang === 'zh_TW') {
+        //     lastData = tw.provinceData;
+        // } else if (preLang === 'en_US') {
+        //     lastData = en.provinceData;
+        // } else if (preLang === 'zh_CN') {
+        lastData = _provinceData.zh.provinceData;
+        // }
+        var provinceIndex = _this3.getIndex('province', province, undefined, lastData);
+        var cityIndex = _this3.getIndex('city', secondCity, provinceIndex, lastData);
+        if (provinceIndex > -1 && cityIndex > -1) {
+            var areaIndex = (0, _lodash2.default)(lastData[provinceIndex].city[cityIndex].area, function (item) {
+                return item === secondArea;
+            });
+            if (areaIndex < 0) return;
+            var newProvince = provinceData[provinceIndex];
+            var newCity = newProvince.city[cityIndex];
+            return {
+                province: newProvince.name,
+                city: newCity.name,
+                area: newCity.area[areaIndex]
+            };
+        }
+    };
+}, _temp);
+
+CitySelect.propTypes = propTypes;
+CitySelect.defaultProps = defaultProps;
+exports.default = CitySelect;
+//# sourceMappingURL=CitySelect.js.map

package/dist/components/acCitySelect/CitySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/acCitySelect/CitySelect.js"],"names":["Option","propTypes","defaultValue","PropTypes","object","value","onChange","func","provinceData","array","lang","string","disabled","bool","disabledProvinceArr","disabledCityArr","disabledAreaObj","allowClear","defaultProps","zh","CitySelect","props","state","provinceIndex","cityIndex","province","secondCity","city","name","secondArea","area","buildInitDataArr","cities","areas","buildAreaInitData","_defaultValue","getIndex","provinceInitData","citiesInitData","areasInitData","setState","nextProps","oldProvince","oldCity","oldArea","preLang","getCurrentValue","newProvince","newCity","newArea","handleProvinceChange","handleCityChange","onSecondAreaChange","result","newValue","translateValue","notFoundContent","provinceOptions","map","index","cityOptions","areaOptions","className","Component","originalArr","newDataArr","JSON","parse","forEach","obj","provinceName","length","i","toLowerCase","areaArr","cityName","newArr","jsonItem","undefined","disabledAreaArr","j","push","type","targetData","provinceI","cityValue","areaValue","citesInitArr","lastData","areaIndex","item"],"mappings":"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","file":"CitySelect.js","sourcesContent":["/*\n * @Descripttion:\n * @version:\n * @Author: chenlongad\n * @Date: 2021-01-06 15:40:39\n * @LastEditors: chenlongad\n * @LastEditTime: 2021-01-06 16:16:27\n */\n\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Select } from 'antd';\nimport findIndex from 'lodash.findindex';\nimport { zh } from './provinceData';\nimport './CitySelect.less';\nconst Option = Select.Option;\n\nconst propTypes = {\n    defaultValue: PropTypes.object,\n    value: PropTypes.object,\n    onChange: PropTypes.func,\n    provinceData: PropTypes.array,\n    lang: PropTypes.string,\n    disabled: PropTypes.bool,  //设置组件是否被禁用；\n    disabledProvinceArr: PropTypes.array, //设置禁用的省份\n    disabledCityArr: PropTypes.array,  //设置禁用的地级市\n    disabledAreaObj: PropTypes.object, //设置不可用的区域；\n    allowClear : PropTypes.bool  //设置城市选择框是否可以被清除；\n};\nconst defaultProps = {\n    defaultValue: zh.defaultValue,\n    value: zh.defaultValue,\n    onChange: () => { },\n    provinceData: zh.provinceData,\n    lang: 'zh_CN',\n    disabled: false,\n    allowClear : false,\n    disabledProvinceArr: [],\n    disabledCityArr: [],\n    disabledAreaObj: null\n};\nclass CitySelect extends Component {\n    constructor(props) {\n        super(props);\n        let { provinceData, disabledProvinceArr, disabledCityArr, disabledAreaObj, lang } = props;\n        // if (props.lang === 'zh_TW') {\n        //     provinceData = tw.provinceData;\n        // } else if (props.lang === 'en_US') {\n        //     provinceData = en.provinceData\n        // }\n        this.state = {\n            provinceIndex: 0,\n            cityIndex: 0,\n            province: '北京',\n            secondCity: provinceData[0].city[0].name,\n            secondArea: provinceData[0].city[0].area[0],\n            provinceData: this.buildInitDataArr(provinceData, disabledProvinceArr, lang),\n            cities: this.buildInitDataArr(provinceData[0].city, disabledCityArr, lang),\n            areas: this.buildAreaInitData(provinceData[0].city[0].area, provinceData[0].name, disabledAreaObj, lang),\n        }\n    }\n    componentDidMount() {\n        let { defaultValue: _defaultValue, value, lang, disabledProvinceArr, disabledCityArr, disabledAreaObj } = this.props;\n        let provinceData = this.state.provinceData;\n        // if (lang === 'zh_TW') {\n        //     provinceData = tw.provinceData;\n        //     _defaultValue = tw.defaultValue;\n        // } else if (lang === 'en_US') {\n        //     provinceData = en.provinceData;\n        //     _defaultValue = en.defaultValue;\n        // }\n        let defaultValue = value ? value : _defaultValue;\n        let province = defaultValue.province;\n        let provinceIndex = this.getIndex('province', defaultValue.province);\n        let cityIndex = this.getIndex('city', defaultValue.city, provinceIndex);\n\n        provinceIndex = provinceIndex < 0 ? 0 : provinceIndex;\n        cityIndex = cityIndex < 0 ? 0 : cityIndex;\n\n        let secondCity = defaultValue.city;\n        let secondArea = defaultValue.area;\n        let provinceInitData = this.buildInitDataArr(provinceData, disabledProvinceArr, lang);\n        let citiesInitData = this.buildInitDataArr(provinceInitData[provinceIndex].city, disabledCityArr, lang);\n        let areasInitData = this.buildAreaInitData(citiesInitData[cityIndex].area, citiesInitData[cityIndex].name, disabledAreaObj, lang);\n\n        this.setState({\n            province,\n            provinceIndex,  //被选中省的下标\n            cityIndex,      //被选中市的下标\n            cities: citiesInitData,\n            secondCity: secondCity,\n            areas: areasInitData,\n            secondArea,\n            provinceData: provinceInitData\n        });\n    }\n\n    componentWillReceiveProps(nextProps) {\n        if (!nextProps.value) return;\n        const { province:oldProvince, city:oldCity, area:oldArea } = this.props.value;\n        const { province, city, area } = nextProps.value;\n        const { preLang, lang } = nextProps;\n        if(province !== oldProvince) {\n            const { newProvince, newCity, newArea } = this.getCurrentValue(province, city, area, preLang, lang);\n            this.setState({\n                province:newProvince,\n            });\n            return this.handleProvinceChange(newProvince, newCity, newArea);\n        }\n        if(city !== oldCity) {\n            const { newCity, newArea } = this.getCurrentValue(province, city, area, preLang, lang);\n            this.setState({\n                secondCity: newCity,\n            });\n            return this.handleCityChange(newCity, newArea);\n        }\n        if(area !== oldArea) {\n            const { newArea } = this.getCurrentValue(province, city, area, preLang, lang);\n            this.setState({\n                secondArea: newArea\n            });\n            this.onSecondAreaChange(newArea);\n        }\n    }\n    // 切换语种后，要自动翻译value\n    getCurrentValue (province, city, area, preLang, lang) {\n        const result = {\n            newProvince:province,\n            newCity:city,\n            newArea:area\n        }\n        if (!preLang || preLang === lang) return result;\n        let newValue = this.translateValue(province, city, area, preLang);\n        if (newValue) {\n            result.newProvince = newValue.province;\n            result.newCity = newValue.city;\n            result.newArea = newValue.area\n        }\n        return result\n    }\n\n    /**\n     * 函数功能：重新构建 省市和区域的初始值；\n     * @param originalArr  原始数据；\n     * @param disabledCityArr  对应禁用的数据；\n     * @param lang 获取语言类型；\n     *  */\n    buildInitDataArr = (originalArr, disabledCityArr, lang) => {\n        let newDataArr = JSON.parse(JSON.stringify(originalArr));\n        disabledCityArr = JSON.parse(JSON.stringify(disabledCityArr));\n        newDataArr.forEach(function (newDataArr, index, obj) {\n            newDataArr.disabled = false;\n            let provinceName = newDataArr.name;\n            if (disabledCityArr.length > 0) {\n                for (let i = 0; i < disabledCityArr.length; i++) {\n                    if (lang === \"en_US\") {\n                        if (provinceName.toLowerCase() === disabledCityArr[i].toLowerCase()) {\n                            newDataArr.disabled = true;\n                        }\n                    } else {\n                        if (provinceName === disabledCityArr[i]) {\n                            newDataArr.disabled = true;\n                        }\n                    }\n                }\n            }\n        });\n        return newDataArr;\n    };\n\n    /**\n     * 构建区域所在的基本数据；\n     * @param areaArr 当前区域原始数据；\n     * @param cityName  当前区域所在的城市；\n     * @param disabledAreaObj 设置的不可选中的地域数据；\n     * @param lang 获取语言类型；\n     * */\n    buildAreaInitData = (areaArr, cityName, disabledAreaObj, lang) => {\n        let newArr = [];\n        for (let i = 0; i < areaArr.length; i++) {\n            let jsonItem = {};\n            jsonItem.name = areaArr[i];\n            jsonItem.disabled = false;\n            if (disabledAreaObj != undefined && disabledAreaObj[cityName] != undefined) {\n                let disabledAreaArr = disabledAreaObj[cityName];\n                for (let j = 0; j < disabledAreaArr.length; j++) {\n                    if (lang === \"en_US\") {\n                        if (areaArr[i].toLowerCase() === disabledAreaArr[j].toLowerCase()) {\n                            jsonItem.disabled = true;\n                        }\n                    } else {\n                        if (areaArr[i] === disabledAreaArr[j]) {\n                            jsonItem.disabled = true;\n                        }\n                    }\n                }\n            }\n            newArr.push(jsonItem);\n        }\n        return newArr;\n    };\n\n    getIndex = (type, name, provinceIndex, targetData) => {\n        let provinceData = targetData || this.state.provinceData;\n        let provinceI = provinceIndex || this.state.provinceIndex;\n        provinceI = provinceI < 0 ? 0 : provinceI;\n        switch (type) {\n            case 'province':\n                return findIndex(provinceData, function (province) {\n                    return province.name === name;\n                });\n            case 'city':\n                return findIndex(provinceData[provinceI].city, function (city) {\n                    return city.name === name;\n                });\n        }\n    };\n    handleProvinceChange = (value, cityValue, areaValue) => {\n        value = (value) ? value : '';\n        let city = '',\n            area = '',\n            index = 0,\n            citesInitArr = [],\n            areasInitData = [];\n        if(value !== ''){\n            let { provinceData,provinceIndex } = this.state;\n            let { disabledCityArr, disabledAreaObj, lang } = this.props;\n            index = this.getIndex('province', value);\n            if(index > -1){\n                citesInitArr = this.buildInitDataArr(provinceData[index].city, disabledCityArr, lang);\n                areasInitData = this.buildAreaInitData(citesInitArr[0].area, citesInitArr[0].name, disabledAreaObj, lang);\n                city = cityValue ? cityValue : citesInitArr[0].name;\n                area = areaValue ? areaValue : areasInitData[0].name;\n            }\n        }\n        this.setState({\n            province: value,\n            cities: citesInitArr,\n            secondCity: city,\n            provinceIndex: index,\n            areas: areasInitData,\n            secondArea: area,\n        });\n        this.onChange(value, city, area);\n    };\n    handleCityChange = (value, areaValue) => {\n        value = (value) ? value : '';\n        let index = '',\n            area = '',\n            areasInitData = [];\n        let { province,cities,cityIndex } = this.state;\n        let { disabledAreaObj, lang } = this.props;\n        if(value !== ''){\n            index = this.getIndex('city', value);\n            if(index > -1){\n                areasInitData = this.buildAreaInitData(cities[index].area, cities[index].name, disabledAreaObj, lang);\n                area = areaValue ? areaValue : areasInitData[0].name;\n            }\n        }\n        this.setState({\n            secondCity: value,\n            areas: areasInitData,\n            secondArea: area,\n            cityIndex: value\n        });\n        this.onChange(province, value, area);\n    };\n    onSecondAreaChange = (value) => {\n        value = (value) ? value : '';\n        let { province,secondCity } = this.state;\n        this.setState({\n            secondArea: value,\n        });\n        this.onChange(province, secondCity, value);\n    };\n    onChange = (province, city, area) => {\n        this.props.onChange({\n            province: province,\n            city: city,\n            area: area\n        })\n    };\n    translateValue = (province, secondCity, secondArea, preLang) => {\n        let { provinceData } = this.state;\n        let lastData;\n        // if (preLang === 'zh_TW') {\n        //     lastData = tw.provinceData;\n        // } else if (preLang === 'en_US') {\n        //     lastData = en.provinceData;\n        // } else if (preLang === 'zh_CN') {\n            lastData = zh.provinceData;\n        // }\n        let provinceIndex = this.getIndex('province', province, undefined, lastData);\n        let cityIndex = this.getIndex('city', secondCity, provinceIndex, lastData);\n        if (provinceIndex > -1 && cityIndex > -1) {\n            let areaIndex = findIndex(lastData[provinceIndex].city[cityIndex].area, function (item) {\n                return item === secondArea;\n            });\n            if (areaIndex < 0) return\n            const newProvince = provinceData[provinceIndex];\n            const newCity = newProvince.city[cityIndex];\n            return {\n                province: newProvince.name,\n                city: newCity.name,\n                area: newCity.area[areaIndex]\n            }\n        }\n    }\n    render() {\n        let { provinceData, cities, areas } = this.state;\n        const { notFoundContent } = this.props;\n\n        const provinceOptions = provinceData.map((province, index) => {\n            if (province.disabled) {\n                return (<Option key={province.name} disabled>{province.name}</Option>);\n            } else {\n                return (<Option key={province.name} >{province.name}</Option>)\n            }\n        });\n        const cityOptions = cities.map((city, index) => {\n            if (city.disabled) {\n                return (<Option key={city.name} disabled>{city.name}</Option>);\n            } else {\n                return (<Option key={city.name} >{city.name}</Option>)\n            }\n        });\n\n        const areaOptions = areas.map((area, index) => {\n            if (area.disabled) {\n                return (<Option key={area.name} disabled>{area.name}</Option>);\n            } else {\n                return (<Option key={area.name} >{area.name}</Option>)\n            }\n        });\n        return (\n            <div className={classNames(\"city-select\", this.props.className)}>\n                <Select\n                    value={this.state.province}\n                    className=\"province\"\n                    disabled={this.props.disabled}\n                    notFoundContent={notFoundContent}\n                    allowClear = {this.state.province && this.props.allowClear}\n                    onChange={(value) => this.handleProvinceChange(value)}>\n                    {provinceOptions}\n                </Select>\n                <Select\n                    value={this.state.secondCity}\n                    disabled={this.props.disabled}\n                    notFoundContent={notFoundContent}\n                    allowClear = {this.state.secondCity && this.props.allowClear}\n                    className=\"city\"\n                    onChange={(value) => this.handleCityChange(value)}>\n                    {cityOptions}\n                </Select>\n                <Select\n                    value={this.state.secondArea}\n                    className=\"area\"\n                    allowClear = {this.state.secondArea && this.props.allowClear}\n                    disabled={this.props.disabled}\n                    notFoundContent={notFoundContent}\n                    onChange={(value) => this.onSecondAreaChange(value)}>\n                    {areaOptions}\n                </Select>\n            </div>\n        );\n    }\n}\nCitySelect.propTypes = propTypes;\nCitySelect.defaultProps = defaultProps;\nexport default CitySelect;"]}

package/dist/components/acCitySelect/CitySelect.less

@@ -0,0 +1,10 @@
+
+
+.city-select{
+	.province , .city{
+		margin-right: 10px;
+	}
+	.ant-select{
+		width: 92px;
+	}
+}