/**
 * 新增区域
 * @author xiufu.wang
 */
import ElUpload from 'mars-pro/packages/upload'
export default {
    name: 'AddRegion',
    componentName: 'AddRegion',
    inheritAttrs: false,
    components: {
        ElUpload
    },
    methods: {
        addItem() {
            if (this.$attrs.addItem === false || this.$attrs['add-item'] === false){
                return
            }
            this.$parent.addItem({})
        },
        handlerSelectFileChange(file) { 
            this.$parent.addFile(file)
        }
    },
    render() {
        const _datas = {
            'class': {
                'add-region': true
            }
        }
        const _uploadDatas = {
            props: {
                showFileList: false,
                autoUpload: false,
                action: '/null',
                ...this.$attrs,
                onChange: this.handlerSelectFileChange
            },
            attrs: this.attrs,
            scopedSlots: this.$scopedSlots,
            on: {
                ...this.$listeners
            },
            ref: 'upload'
        }
        return (
            <div {..._datas}>
                {
                    this.$parent.type !== 'files' ? (
                        this.$parent.$slots.addbtn ? (
                            <div class="add-btn" on-click={this.addItem}>
                                {
                                   this.$parent.$slots.addbtn
                                }
                            </div>
                        ): (
                                <i class="el-icon-plus add-btn default-add-btn" on-click={this.addItem}></i>
                        )


                    ) : (
                        <ElUpload {..._uploadDatas}>
                                {this.$parent.$slots.addbtn ? <div class="add-btn">{ this.$parent.$slots.addbtn }</div> : <i class="el-icon-plus add-btn avatar-uploader-icon default-add-btn"></i>}
                        </ElUpload>
                    )
                }
            </div>
        )
    }
}