sn-refresher
旧版组件:sn-refresher.md 旧版状态:v1.1.6 已有下拉刷新条组件,支持
refresh/refreshing两种状态与图标、文本、颜色、字号自定义。 差异明细:
- 新增属性:
hoverStopPropagation(是否阻止点击态事件冒泡)customClass(根节点外部样式类)iconClass/iconStyle(图标节点外部样式类 / 内联样式)textClass/textStyle(文本节点外部样式类 / 内联样式,内联样式默认带 6px 左边距)loadingClass/loadingStyle(刷新中加载动画节点外部样式类 / 内联样式)
- 新增双向绑定:
v-model:refresher-triggered(刷新状态,点击刷新条、调用startRefresh/stopRefresh时同步) - 更名:无
- 类型或默认值变化:
refreshText/refreshingText默认值:松开刷新/刷新中→ 空串(为空时内部回退显示同文案,显示不变)textSize/iconSize默认值:$2+1→ 空串(内部回退为 13px / 14px × 字体乘数);类型 String → String | NumbericonColor/textColor默认值:$lineText→ 空串(内部回退主题线条文本色,显示不变);类型 String → Stringicon默认值:refresh-line不变(空串时内部回退refresh-line)customStyle类型:UTSJSONObject → UTSJSONObject | String
- 行为变化:
- 旧版
refresh事件在"status 切换为 refresh 时触发";v2 改为refresh状态下点击刷新条时触发(即开始刷新时触发),并携带triggered: boolean参数,同时双向绑定refresher-triggered - 刷新中状态改用
sn-loading组件作为加载动画指示器 - 新增按压点击态(常态微偏注入,按下时透明度变化)
- 旧版
- 新增方法:
startRefresh/stopRefresh(主动开始 / 结束刷新) - 插槽:无(新旧版均无插槽)
