ES6对话框

ES6对话框是一个基于ES6规范的对话框组件，能够轻松地创建并自定义对话框，使开发过程更加便捷。

安装

在命令行中运行以下命令：

npm install es6-dialog

使用

导入 es6-dialog：

import ES6Dialog from 'es6-dialog';

创建一个简单的对话框：

const dialog = new ES6Dialog('这是一个对话框', '你确定要删除吗？');
dialog.show();

你还可以在对话框中添加按钮：

const dialog = new ES6Dialog('这是一个对话框', '你确定要删除吗？');
dialog.addButton('确定', () => {
  // 在此处添加确定按钮的回调代码
});
dialog.addButton('取消');
dialog.show();

你也可以自定义按钮的样式和位置：

const dialog = new ES6Dialog('这是一个对话框', '你确定要删除吗？');
dialog.addButton('确定', () => {
  // 在此处添加确定按钮的回调代码
}, 'btn btn-primary', 'right');
dialog.addButton('取消', null, 'btn btn-secondary', 'left');
dialog.show();

API

new ES6Dialog(title: string, message: string): ES6Dialog

ES6Dialog 构造函数，用于创建一个新的对话框。

• title 对话框标题。
• message 对话框消息。

ES6Dialog.show(): void

显示对话框。

ES6Dialog.hide(): void

隐藏对话框。

ES6Dialog.addButton(label: string, callback?: ()=> void, className?: string, position?: 'left' | 'right'): void

向对话框添加一个按钮。

• label 按钮标签。
• callback 按钮点击后的回调函数。
• className 按钮的CSS类。
• position 按钮的位置：左侧或右侧。

ES6Dialog.removeButton(label: string): void

从对话框中删除一个按钮。

• label 要删除的按钮的标签。

结尾

ES6对话框是一个非常好用的对话框组件，支持自定义样式和按钮等一系列功能，在开发中能够提高代码的可维护性和可读性，建议使用。