0.2.1 • Published 8 years ago

tingle-dialog v0.2.1

Weekly downloads
5
License
MIT
Repository
github
Last release
8 years ago

tingle-dialog npm version

对话框

Simple Usage

Dialog.alert({
	title: '测试',
	children: '我是测试我是测试我是测试我是测试我是测试',
	onConfirm() {
    	console.log('alert confirm');
	}
});

Dialog.confirm({
	title: '测试',
	children: '我是测试内容我是测试内容我是测试内容我是测试内容我是测试内容我是测试内容我是',
	onConfirm() {
	    console.log('confirm confirm');
	},
	onCancel() {
	    console.log('confirm cancel');
	}
});

可用配置

配置项类型必填默认值功能/备注
showbooleanrequiredfalse是否显示对话框
titlestringrequired-对话框的标题
childrenstringoptional-对话框的内容
maskbooleanoptionaltrue是否显示遮罩层
buttonsarrayoptional一个确定按钮一个数组,可以配置多个对话框上的按钮,具体的配置参考按钮的配置

按钮的配置

配置项类型必填默认值功能/备注
childrenstringrequired-按钮的内容
callbackfunctionoptional-点击按钮的回调, 返回false就不会自动关闭对话框
primarybooleanoptionalfalse是否作为主按钮

API接口

Dialog.alert(options)

静态方法,显示全局的 Dialog,可用参数请参考可用配置,其中回调函数是onConfirm。

Dialog.confirm()

静态方法,显示全局的 Dialog,可用参数请参考可用配置,其中回调函数是onConfirm和onCancel。

Dialog.hide()

静态方法,关闭全局的Dialog

###show 实例方法,显示一个对话框

###hide

实例方法,关闭一个对话框

Links 相关链接