确认框

鼠标点击元素，弹出确认框卡片

API

| 参数 | 说明 | 类型 | 默认值 | 是否必传 | | --- | --- | --- | --- | --- | | top | 距离顶部的距离 | string | 100px | 否 | | align | 对齐方式 | center / left / right | center | 否 | | message | 警告提示标题 | string | 无 | 是 | | description | 警告提示内容 | string 或者 React组件 | 无 | 否 | | confirmText | 确认按钮自定义文本 | string | 是 | 否 | | cancelText | 关闭按钮自定义文本 | string | 否 | 否 | | onConfirm | 确定按钮点击回调函数 | ()=>{} | 否 | 否 | | onCancel | 取消按钮点击回调函数 | ()=>{} | 否 | 否 | | style | 自定义最外层样式 | {} | 否 | 否 |

2019-06-27新增 | extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用| string | 无| No |

多语言

| 参数 | 说明 | 类型 | 默认值 | | --- | --- | --- | --- | | translation | 语言包 用于翻译组件内置常量 | {no: string,yes: string} | {no: '否',yes: '是'} |

用法

import React from 'react';
import Confirm from '@beisen-phoenix/confirm';

Confirm.show({
  align: 'center',
  message: '是否执行此操作！',
  description: '',
  confirmText: '确定',
  cancelText: '取消',
  onConfirm: () => {
    console.log('确定');
  },
  onCancel: () => {
    console.log('取消');
  }
});