@alicd/crui-calendar-ex

--- category: Components type: UI Views component: Base chinese: 确认提示浮层 english: CalendarEx ---

Usage no npm install needed!

<script type="module">
  import alicdCruiCalendarEx from 'https://cdn.skypack.dev/@alicd/crui-calendar-ex';
</script>

README

category: Components type: UI Views component: Base chinese: 确认提示浮层 english: CalendarEx

API

CalendarEx

成员 说明 类型 默认值
className 自定义 class string N/A
style 自定义内联样式 object N/A
onOk 点击确认按钮后执行的回调 function N/A
onCancel 点击取消按钮后执行的回调 function N/A
locale 自定义确认/取消按钮的文本 { ok: string; cancel: string; } 默认根据当前页面语言自动选择
canCloseByOk 执行 onOk 后是否立即自动关闭弹层 boolean true
canCloseByCancel 执行 onCancel 后是否立即自动关闭弹层 boolean true
type 样式类型

可选值:
'normal', 'primary'		 "normal" 或 "primary" "primary"
children 浮层的内容 any N/A
visible 弹层当前显示的状态 boolean N/A
defaultVisible 弹层默认显示的状态 boolean false
onVisibleChange 弹层在显示和隐藏触发的事件

签名:
Function(visible: Boolean) => void
参数:
visible: {Boolean} 弹层是否隐藏和显示		 (visible: boolean): any N/A
alignment 弹出层对齐方式

可选值:
'normal'(普通对齐 箭头居中)
'edge'(边缘对齐 箭头可在trigger的边缘)		 "normal" 或 "edge" "normal"
closable 是否显示关闭按钮 boolean false
align 弹出层位置

可选值:
't'(上)
'r'(右)
'b'(下)
'l'(左)
'tl'(上左)
'tr'(上右)
'bl'(下左)
'br'(下右)
'lt'(左上)
'lb'(左下)
'rt'(右上)
'rb'(右下)		 Enum "tr"
offset 弹层相对于trigger的定位的微调 [number, number] [0, 0]
trigger 触发元素 any <span></span>
triggerType 触发行为

可选值:
'hover'(鼠标悬浮)
'focus'(获取到焦点)
'click'(鼠标点击)		 "hover" 或 "focus" 或 "click" "hover"
onClose 任何visible为false时会触发的事件

签名:
Function() => void		 function 默认为空
onCloseClick 点击关闭按钮的click事件

签名:
Function() => void		 function 默认为空
needAdjust 是否进行自动位置调整 boolean false
delay 弹层在触发以后的延时显示 number N/A
afterClose 浮层关闭后触发的事件, 如果有动画，则在动画结束后触发

签名:
Function() => void		 function 默认为空
shouldUpdatePosition 强制更新定位信息 boolean N/A
autoFocus 弹层出现后是否自动focus到内部第一个元素 boolean false
safeNode 安全节点:对于triggetType为click的浮层,会在点击除了浮层外的其它区域时关闭浮层.safeNode用于添加不触发关闭的节点, 值可以是dom节点的id或者是节点的dom对象 string N/A
safeId 用来指定safeNode节点的id，和safeNode配合使用 string N/A
animation 配置动画的播放方式 object 或 balloon { in: 'zoomIn', out: 'zoomOut' }
cache 弹层的dom节点关闭时是否删除 boolean false
container 指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。 string 或 function N/A