Modal 弹框 #

<template>
  <button
    type="submit"
    @click="onClickVisible"
  >
    Modal
  </button>
  <b-modal
    title="bearUI：modal"
    :visible="visibleRef"
    width="700px"
    @cancel="onClickCancel"
    @confirm="onClickConfirm"
  >
    <template #default>
      <div><button>contain</button></div>
    </template>
  </b-modal>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import BModal from '@bear-ui/components/modal'
const visibleRef = ref(false)
function onClickVisible () {
  visibleRef.value = !visibleRef.value
}
function onClickCancel () {
  visibleRef.value = !visibleRef.value
}
function onClickConfirm () {
  visibleRef.value = !visibleRef.value
}
</script>