cube-ui form表单里如何使用picker？

Question

如题，我想做个地址选择器，但不知form里面该怎么放，大神们帮忙看看

 <cube-form>
    <cube-form-group>
        <cube-form-item :field="fields[0]"></cube-form-item>
        <cube-form-item :field="fields[1]"></cube-form-item>
        <cube-form-item :field="fields[2]"></cube-form-item>
        <cube-form-item :field="fields[3]"></cube-form-item>
    </cube-form-group>
</cube-form>

export default {
        data(){
            return{
                validity: {},
                valid: undefined,
                model: {
                    realName: '',
                    phoneNum: '',
                    city: '',
                    street: ''
                },
                fields:[
                    {
                        type: 'input',
                        modelKey: 'realName',
                        label: '真实姓名',
                        props: {
                            placeholder: '请输入真实姓名'
                        },
                        rules: {
                            required: true
                        },
                        messages: {
                            required: '请先输入真实姓名'
                        }
                    },
                    {
                        type: 'input',
                        modelKey: 'phoneNum',
                        label: '手机号码',
                        props: {
                            placeholder: '请输入手机号码'
                        },
                        rules: {
                            required: true,
                            type: 'tel'
                        },
                        messages: {
                            required: '请输入正确的手机号码'
                        }
                    },
                    {
                        type: 'select',
                        modelKey: 'city',
                        label: '城市',
                        rules: {
                            required: true
                        },
                        messages: {
                            required: '请选择城市'
                        }
                    },
                    {
                        type: 'textarea',
                        modelKey: 'street',
                        label: '详细地址',
                        props:{
                            placeholder: '街道门牌号'
                        },
                        rules: {
                            required: true,
                            len: 5
                        },
                        messages: {
                            required: '至少输入5个字'
                        }
                    }
                ]
            }
        },

Answer 1

type填picker，props里面填pickerData，参考cascadePicker里面对地区的处理，就能做成一个地区选择器