地址联动组件升级，支持第四级街道，数据采用异步

Tevin

2023-07-31 92d034e0e124928179f072224e9c2c1ad87fc1b2

 forms/chinaArea/ChinaLocations.js

@@ -1,65 +1,144 @@
/**
 * ChinaLocations
 * ChinaLocations For WeApp
 * @author Tevin
 */

import ChinaLocationData from './ChinaLocationData.json';
import Taro from '@tarojs/taro';
import project from '@project';
import { $hostBoot } from '@components/bases/HostBoot';
import { Tools } from '@components/common/Tools';

const locationTree = [];
let locationTreeLv3 = [];
let locationTreeLv4 = [];
let locationRes = {};
let readyCallback = () => { };

Object.keys(ChinaLocationData).forEach((code1) => {
    const province = {
        label: ChinaLocationData[code1].name,
        value: code1,
        children: [],
    };
    const children1 = ChinaLocationData[code1].children;
    Object.keys(children1).forEach((code2) => {
        const city = {
            label: children1[code2].name,
            value: code2,
            children: [],
        };
        if (typeof children1[code2].children !== 'undefined') {
            const children2 = children1[code2].children;
            Object.keys(children2).forEach((code3) => {
                city.children.push({
                    label: children2[code3],
                    value: code3,
                });
            });
        }
        province.children.push(city);
    });
    locationTree.push(province);
Taro.request({
    url: $hostBoot.getHost() + project.host.assetsPath + '/datas/ChinaLocations.lv4.min.json',
    header: {
        'X-Requested-With': 'XMLHttpRequest',
        'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
        'Ax-Rq-Type': 'separation',
    },
    credentials: 'same-origin',
    dataType: 'json',
    timeout: 30 * 1000,
    method: 'GET',
    success: response => {
        locationRes = response.data;
        readyCallback();
    }
});

export default {
export class ChinaLocations {

    onReady(callback) {
        callback();
    },
    getLocationTree() {
        return locationTree;
    },
        if (Tools.isEmptyObject(locationRes)) {
            readyCallback = callback;
        } else {
            callback();
        }
    }

    _createLocationTree(level) {
        const treeDatas = [];
        // lv1-省
        Object.keys(locationRes).forEach((provinceCode) => {
            const province = {
                label: locationRes[provinceCode].name,
                value: provinceCode,
                children: [],
            };
            // lv2-市
            const cityContainer = locationRes[provinceCode].children;
            Object.keys(cityContainer).forEach((cityCode) => {
                const city = {
                    value: cityCode,
                    area: cityContainer[cityCode].area,  // 电话区码
                    children: [],
                };
                if (typeof cityContainer[cityCode] === 'string') {
                    city.label = cityContainer[cityCode];
                } else {
                    city.label = cityContainer[cityCode].name;
                    // lv3-区
                    const distContainer = cityContainer[cityCode].children || {};
                    Object.keys(distContainer).forEach(distCode => {
                        const dist = {
                            value: distCode,
                        };
                        if (typeof distContainer[distCode] === 'string') {
                            dist.label = distContainer[distCode];
                        } else {
                            dist.label = distContainer[distCode].name;
                            // lv4-街
                            if (level === 4) {
                                dist.children = [];
                                const streetContainer = distContainer[distCode].children || {};
                                Object.keys(streetContainer).forEach(streetCode => {
                                    const street = {
                                        label: streetContainer[streetCode],
                                        value: streetCode,
                                    };
                                    dist.children.push(street);
                                });
                                if (dist.children.length > 0) {
                                    dist.children.unshift({
                                        label: '( 不选 )',
                                        value: '',
                                    });
                                }
                            }
                        }
                        city.children.push(dist);
                    });
                }
                province.children.push(city);
            });
            treeDatas.push(province);
        });
        return treeDatas;
    }

    getLocationTree(level) {
        if (level === 3) {
            if (locationTreeLv3.length === 0) {
                locationTreeLv3 = this._createLocationTree(3);
            }
            return locationTreeLv3;
        } else if (level === 4) {
            if (locationTreeLv4.length === 0) {
                locationTreeLv4 = this._createLocationTree(4);
            }
            return locationTreeLv4;
        }
    }

    // 获取省市区拼合文本
    getRegionText(regions) {
    getRegionText(regions, callback) {
        if (regions.length === 0) {
            return '';
        }
        let address = '';
        let tempLocationData = ChinaLocationData;
        let tempLocationData = locationRes;
        regions.forEach((code) => {
            if (typeof tempLocationData[code].name === 'string') {
                address += tempLocationData[code].name;
            if (!code || !tempLocationData[code]) {
                address.push('');
                tempLocationData = [];
            } else {
                address += tempLocationData[code];
                if (typeof tempLocationData[code].name === 'string') {
                    address += tempLocationData[code].name;
                } else {
                    address += tempLocationData[code];
                }
                tempLocationData = tempLocationData[code].children;
            }
            tempLocationData = tempLocationData[code].children;
        });
        return address;
    },
    }

    // 省市区名称
    getRegionNames(regions) {
    getRegionNames(regions, callback) {
        if (typeof regions === 'string') {
            regions = regions.split(',');
        }
@@ -67,22 +146,25 @@
            return [];
        }
        let address = [];
        let tempLocationData = ChinaLocationData;
        let tempLocationData = locationRes;
        regions.forEach((code) => {
            if (!tempLocationData[code]) {
                return;
            }
            if (typeof tempLocationData[code].name === 'string') {
                address.push(tempLocationData[code].name);
            if (!code || !tempLocationData[code]) {
                address.push('');
                tempLocationData = [];
            } else {
                address.push(tempLocationData[code]);
                if (typeof tempLocationData[code].name === 'string') {
                    address.push(tempLocationData[code].name);
                } else {
                    address.push(tempLocationData[code]);
                }
                tempLocationData = tempLocationData[code].children;
            }
            tempLocationData = tempLocationData[code].children;
        });
        return address;
    },
    }

    // 省市区文本转code
    getRegionCodes(regions) {
    getRegionCodes(regions, callback) {
        if (typeof regions === 'string') {
            regions = regions.split(',');
        }
@@ -91,18 +173,18 @@
        }
        const codes = [];
        // 省
        for (let provinceCode in ChinaLocationData) {
            if (ChinaLocationData.hasOwnProperty(provinceCode)) {
                if (ChinaLocationData[provinceCode].name === regions[0]) {
        for (let provinceCode in locationRes) {
            if (locationRes.hasOwnProperty(provinceCode)) {
                if (locationRes[provinceCode].name === regions[0]) {
                    codes[0] = provinceCode;
                    // 市
                    const provinceChildren = ChinaLocationData[provinceCode].children;
                    const provinceChildren = locationRes[provinceCode].children;
                    for (let cityCode in provinceChildren) {
                        if (provinceChildren.hasOwnProperty(cityCode)) {
                            if (provinceChildren[cityCode].name === regions[1]) {
                                codes[1] = cityCode;
                                // 区
                                const areaChildren = provinceChildren[cityCode].children;
                                const areaChildren = provinceChildren[cityCode].children || [];
                                for (let areaCode in areaChildren) {
                                    if (areaChildren.hasOwnProperty(areaCode)) {
                                        if (areaChildren[areaCode] === regions[2]) {
@@ -120,5 +202,37 @@
            }
        }
        return codes;
    },
};
    }

    // 电话区码
    getRegionsArea(regions) {
        if (typeof regions === 'string') {
            regions = regions.split(',');
        }
        if (!regions || regions.length === 0 || !regions[0]) {
            return '';
        }
        let area = '';
        // 省
        for (let provinceCode in locationRes) {
            if (locationRes.hasOwnProperty(provinceCode)) {
                if (provinceCode === regions[0]) {
                    // 市
                    const provinceChildren = locationRes[provinceCode].children;
                    for (let cityCode in provinceChildren) {
                        if (provinceChildren.hasOwnProperty(cityCode)) {
                            if (cityCode === regions[1]) {
                                area = provinceChildren[cityCode].area;
                                break;
                            }
                        }
                    }
                    break;
                }
            }
        }
        return area;
    }
};

export const $locations = new ChinaLocations();