import * as React from 'react';
import { CnBox, CnStatusTag } from '@cainiaofe/cn-ui';
import { STATUS_MAP } from '../constants';
/**
 * 根据传入的参数生成对应的标签
 * @param val - 传入的参数，可以是字符串或者对象
 * @param key - React key（用于数组渲染）
 * @returns 生成的标签
 */
function getTag(val, key) {
    var _a, _b, _c, _d;
    if (typeof val === 'string') {
        // 如果传入的是字符串
        return React.createElement(CnStatusTag, { key: key, text: val });
    }
    if (typeof (val === null || val === void 0 ? void 0 : val.color) === 'string' && (val === null || val === void 0 ? void 0 : val.color)) {
        // 如果传入的是对象，且有颜色属性
        // 使用 span 包装以支持自定义颜色样式
        return (React.createElement("span", { key: key, style: {
                backgroundColor: val === null || val === void 0 ? void 0 : val.color,
                color: '#ffffff',
                padding: '2px 8px',
                borderRadius: '2px',
            } }, String((_a = val === null || val === void 0 ? void 0 : val.value) !== null && _a !== void 0 ? _a : '')));
    }
    // 如果传入的是对象，但没有颜色属性
    // 使用 STATUS_MAP 进行状态映射
    const displayStatus = ((_c = (_b = STATUS_MAP[val === null || val === void 0 ? void 0 : val.state]) !== null && _b !== void 0 ? _b : val === null || val === void 0 ? void 0 : val.state) !== null && _c !== void 0 ? _c : 'info');
    return React.createElement(CnStatusTag, { key: key, status: displayStatus, text: String((_d = val === null || val === void 0 ? void 0 : val.value) !== null && _d !== void 0 ? _d : '') });
}
/**
 * Tag 格式化配置
 * 支持单个标签或标签数组
 */
export default {
    cell(val) {
        if (Array.isArray(val)) {
            return (React.createElement(CnBox, { spacing: 5, wrap: true, direction: "row", align: "center" }, val.map((v, index) => getTag(v, index))));
        }
        return getTag(val);
    },
};
