import { defineConfig } from "umi";

export default defineConfig({
	// 打包路径
	outputPath: "build/proj-test",
	define: {
		// 定义的URL被覆盖
		"process.env.API_URL": "https://t.proj.domain.com",
	},
});

export default defineConfig({
	// ...
	define: {
		// 版本号, 取 package.json 中的版本
		"process.env.VERSION": version,
		// 接口请求主地址, 尾部不包含斜线
		"process.env.API_URL": process.env.API_URL || "",
		// 打包环境, 用户 sentry 提交错误对应正确的环境
		"process.env.UMI_ENV": process.env.UMI_ENV || "",
	},
});

/**
 * 国别码
 */
export function apiPamLogin(params) {
	return request({
		url: "/api_v1/system/pam/login",
		method: "post",
		data: params,
	});
}

apiPamLogin({ passport: country + "-" + mobile, captcha: captcha }).then((resp, status, message, data) => {
	// resp    : 包含完整的请求结果
	// status  : 错误码信息
	// data    : data 中的数据
	// message : 返回的信息
});

import { Toast } from "antd-mobile";
import { apiAreaCountry } from "@/services/poppy";
import { storageKey } from "@/utils/conf";
import { sessionStore } from "@/utils/util";

const poppyModel = {
	namespace: "poppy",
	state: {
		// 1. 初始数据值
		countryCode: [],
	},

	effects: {
		// 2. 定义的请求
		*reqAreaCountry({ payload: params }, { call, put }) {
			// 3. 获取数据
			let storeData = sessionStore(storageKey.PY_AREA_COUNTRY);
			if (!storeData) {
				// apiAreaCountry 在 模型中的使用, 参数可以在第二个参数传入
				const { data, success, message: msg } = yield call(apiAreaCountry, {});
				if (success && data) {
					sessionStore(storageKey.PY_AREA_COUNTRY, data);
					storeData = data;
				} else {
					Toast.fail(msg);
				}
			}
			// 4. 更新数据
			yield put({
				type: "UPDATE_COUNTRY_CODE",
				payload: {
					countryCode: storeData,
				},
			});
		},
	},

	reducers: {
		// 5. 将数据写入 redux store 中
		UPDATE_COUNTRY_CODE: (state, { payload }) => {
			return {
				...state,
				...{
					countryCode: payload.countryCode,
				},
			};
		},
	},
};
export default poppyModel;

import React, { Component } from 'react';
import $ from 'jquery';
import { CloseCircleOutlined } from '@ant-design/icons'
import BScroll from 'better-scroll';
import { get } from 'lodash-es';
import { connect } from 'umi';

// 1. 连接 store
@connect(({ poppy }) => {
    return {
        countryCode: poppy.countryCode
    }
})
class CountryCode extends Component
{
    scroll = '';
    touch = {};

    constructor(props) {
        super(props);
        this.state = {
            list: {},
            alphaList: []
        }
    }

    componentDidMount() {
        // 2. 触发数据更新
        // 这里的 dispatch 必须使用 store 之后才可以触发, 毕竟读取的是store 里边的数据
        this.props.dispatch({
            type: 'poppy/reqAreaCountry'
        })
    }

    // 3. 接收数据更新
    static getDerivedStateFromProps(nextProps, prevState) {

        const countryCode = get(nextProps, 'countryCode');
        const alphaList = get(prevState, 'alphaList');

        if (countryCode && alphaList.length === 0) {
            return CountryCode.initList(countryCode)
        }

        return null;
    }

    static initList(countryCode) {
        let alpha_li = [];
        let list_li = {};
        countryCode.length > 0 && countryCode.forEach((item) => {
            let key = item['py'];
            alpha_li.push(key);
            list_li[key] = list_li[key] ? list_li[key].concat(item) : [item];
        })
        return {
            alphaList: [...new Set(alpha_li)],
            list: list_li
        }
    }


    render() {
        const { list, alphaList } = this.state;
        return (
            // 数据渲染
        );
    }
}

export default CountryCode;