<template>
  <Modal :options="getModalOptions" @on-close="handleClose">
    <template #Context>
      111
    </template>
  </Modal>
</template>

<script>
import { defineComponent, computed } from 'vue'
import Modal from '@/components/CardModal/index.vue'
export default defineComponent({
  name: 'MenuModal',
  components: { Modal },
  props: {
    visible: {
      type: Boolean,
      default: false
    },
    row: {
      type: Object,
      default: () => {}
    }
  },
  emits: {
    'update:visible': null,
    onClose: null,
    done: null
  },
  setup(props, { emit }) {
    const getModalOptions = computed(() => {
      return {
        show: props.visible
      }
    })

    /* 关闭弹窗 */
    const handleClose = () => {
      emit('update:visible', false)
    }

    return {
      getModalOptions,
      handleClose
    }
  }
})
</script>
<style scoped lang='scss'>
</style>
