哪种配置的语法更让人觉得舒服？

[DualWield]

一个组件可能有很多配置项，目前在想哪种配置写起来比较爽？

const width = {
    defaultValue: 'xx',
    rules: [],
    formType: 'input',
}
// 这种写法，就是把一些相关的属性都配置到一个分类(比如 layout ）里面
{
    View: {
        layout: {
            width,
            height,
            top,
            left,
        },
        // 自定义配置
        font: {
            fontSize: {
                ...fontSize,
                ...customFontSizeOptions
            }
        }
    }
}

// 这种写法，分类放到每个里面去描述，比如 width 加一个 type: 'layout',
{
    View: {
        width,
        height,
        top,
        left,
        // 自定义配置
        fontSize: {
            ...fontSize,
            ...customFontSizeOptions
        }
    }
}

// 这种写法，跟上面这种比较像，只是数组的写法
{
    View: ['width', 'height', 'top', 'left', ['fontSize', customFontSizeOptions]]
}

个人比较偏爱第三种，感觉比较清爽

[DualWield]

所以周五晚上发帖，帖子就很容易沉了吗。。。。

[DualWield]