Dialog对话框模块

2024-06-28 23:52:33首发，2周前更新

dialog对话框是一个基础模块，是alert、confirm等窗口的基础，也是事件交互的主要形式；同popup和drawer一样，支持多种数据形式；可拖拽不遮挡。

简单使用

使用参数content填入文本值即可。

也可以通过id+new的方式创建实例。

                
                new ax.Dialog('#demo01',{
                    content:'世界人民大团结万岁！'
                });

属性	类型	默认值	说明
placement	'left-top'/'left-bottom'/'center-top'/'center-bottom'/ 'right-top'/'right-bottom'/'max'	'center'	窗口显示位置
trigger	'click'/'sticky'/'none'	'click'	窗口触发方式
size	'sm'/'md'/'lg'/'xl'/'xxl'	'md'	窗口尺寸
height	string	''	窗口内容高度
feature	'confirm'/'alert'/'notice'/''	''	特殊对话框类型
in	'fadeIn'/'fadeInDown'/'fadeInUp'/'slideDown'/ 'fadeInLeft'/'fadeInRight'/'springIn'/'scaleIn'	'fadeIn'	打开动画类型
out	'fadeOut'/'fadeOutDown'/'fadeOutUp'/'slideUp'/ 'fadeOutLeft'/'fadeOutRight'/'springOut'/'scaleOut'	'fadeOut'	关闭动画类型
draggable	boolean	true	是否可拖拽
adaptive	boolean	true	手机端是否自动居中
gesture	object	{}	拖拽实例参数
mask.enable	boolean	true	是否显示遮罩层
mask.closable	boolean	true	点击遮罩是否关闭窗口
parent	string	''	父容器选择器
wing.selector	string/array	''	触发元素选择器
wing.actClass	string	''	触发按钮激活样式类

属性	类型	默认值	说明
content	any	''	数据源
contType	'text'/'html'/'image'/'video'/'audio'/'iframe'/ 'async'/'form'/'input'/'textarea'/'auto'	'text'	内容类型
contData	object	{}	请求数据或媒体属性
ajax	object	{}	异步请求参数
actClass	string	'opened'	打开时目标节点添加的类名
tplStr	string	''	模板字符串
tplEng	function	null	模板引擎
canClick	function	null	点击触发判断函数

属性	类型	默认值	说明
padding.enable	boolean	true	是否显示内边距
padding.value	string	''	内边距类名

属性	类型	默认值	说明
media.caption	string	''	媒体标题
media.brief	string	''	媒体简介

属性	类型	默认值	说明
bullet.enable	boolean	false	是否启用列表模式
bullet.type	'checkboxes'/'radios'/'select-single'/'select-multi'/'custom'	'custom'	列表类型
bullet.parentNode	string	'ul'	列表父节点名
bullet.childNode	string	'li'	列表子节点名
bullet.unpadded	boolean	false	是否无内间距
bullet.hoverable	boolean	false	是否支持悬停效果
bullet.divisible	boolean	false	是否显示分割线
bullet.multiline	boolean	false	是否多行显示
bullet.cols	number	0	网格列数
bullet.lines	'fluid'/'fence'/''	''	项目间隔类型
bullet.action	function	null	列表项处理函数