Confirm Box 确认框 ​

<template>
  <f-button :on-click="open1">提示</f-button>
</template>

<script lang="ts" setup>
  import { FConfirmBox, FMessage } from 'fighting-design'

  const open1 = (): void => {
    FConfirmBox({
      title: '标题',
      content: '这是内容',
      onConfirm: () => {
        FMessage.success('点击了确定')
      },
      onCancel: () => {
        FMessage.danger('点击了取消')
      }
    })
  }
</script>

<template>
  <f-button :on-click="open2">提示</f-button>
</template>

<script lang="ts" setup>
  import { FConfirmBox, FMessage } from 'fighting-design'

  const getDate = () => {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve({ code: 200, res: [1, 2, 3] })
      }, 2000)
    })
  }

  const open2 = (): void => {
    FConfirmBox({
      title: '标题',
      content: '这是内容',
      onConfirm: async () => {
        await getDate()
        FMessage.success('点击了确定')
      },
      onCancel: () => {
        return new Promise((resolve, reject) => {
          setTimeout(() => {
            FMessage.danger('点击了取消')
            resolve('123')
          }, 2000)
        })
      }
    })
  }
</script>