<template>
    <div>
        <a-modal class="dhc-pro-modal" :width="1500" :title="title" @cancel='cancel' @ok='ok' :open="open"
            v-bind="$props">
            <template #title>
                <slot name="title"></slot>
            </template>
            <slot></slot>
            <template #footer>
                <slot name="footer"></slot>
            </template>
        </a-modal>
    </div>
</template>

<script>

export default {
    name: 'ProDialog',
    components: {
    },
    props: {
        title: String,
        visible: Boolean,
    },
    data () {
        return {
            open: this.visible,
        }
    },
    watch: {
        visible (val) {
            this.open = val
        }
    },
    mounted () {

    },
    methods: {
        cancel () {
            this.$emit('close')
        },
        ok () {
            this.$emit('close')
        }
    },
    computed: {

    },

}
</script>

<style lang="scss" scoped></style>
