主题色 灰色 夜间模式 组件大小小(1) 中(2) 大(3) 组件圆角 组件缩放90% 95% 100% 105% 110%
none
small
medium
large
full
组件库内的自定义事件会同时派发驼峰格式和连线格式,以Button为例,对于validClick
事件,你可以通过以下两种方式监听
button.addEventListener('validClick', () => {})
button.addEventListener('valid-click', () => {})
派发的事件均为CustomEvent
,通过event.detail
可获取传递的数据(如果有的话)。事件的其他参数均为默认,也就是bubbles: false, cancelable: false, composed: false
,默认不冒泡, 不可取消,不会穿越 Shadow DOM 边界。如果需要修改,可通过GlobalStaticConfig.eventInitMap
进行配置,支持配置每个组件所有事件的默认参数,或某个事件的默认参数
// 如果是对象,则该组件所有事件使用这个对象初始化
GlobalStaticConfig.eventInitMap.button = {
bubbles: true,
cancelable: true,
composed: true
}
// 如果是数组,第一个对象用于所有对象初始化,第二个对象用于指定某个事件的初始化
GlobalStaticConfig.eventInitMap.button = [
{
bubbles: true,
},
{
// key必须为驼峰格式
validClick: {
composed: true
}
}
]
// 也可以针对所有组件设置相同的
GlobalStaticConfig.eventInitMap.common = {}
GlobalStaticConfig.eventInitMap.common = []