SepButton 按钮
覆盖 SepButton 全部配置项 + 自动化断言,前端演示页
0. HTML 声明式标签 — SepBase.autoInit() 自动驱动
HTML 声明式标签
1. 类型变体
HTML 声明式标签
JS API 初始化
2. 尺寸变体
HTML 声明式标签
JS API 初始化
3. Block / Ghost / Icon / Link
HTML 声明式标签
JS API 初始化
4. Shape / Button Group / Link 跳转
HTML 声明式标签
JS API 初始化
5. iconPosition / Dashed / htmlType
HTML 声明式标签
JS API 初始化
6. 增强功能:loadingText / autoInsertSpace / countdown
HTML 声明式标签
JS API 初始化
7. 增强功能:ripple / title / 事件回调
HTML 声明式标签
JS API 初始化(点击下方按钮查看事件日志)
7.5. 增强功能:confirm / copy / hotkey
声明式标签
声明式 confirm(绑定全局函数名 demoConfirmDelete)
JS API 初始化(confirm 同步/异步、hotkey 快捷键)
7.6. 体验完善:ellipsis / width / iconAnimation / loadingIcon
ellipsis + width 长文本省略(hover 看完整文本)
JS API 初始化(iconAnimation 动画 + loadingIcon 自定义加载图标)
7.7. 图标按钮增强:active / activeIcon / ariaLabel
active 选中态(点击切换 star / starFill)
声明式 active 初始选中
主题切换按钮(复刻全局 theme-toggle-btn)
浮动定位 float 属性(点击按钮切换位置)
当前位置:top-right
float 预设 8 个位置:top-right / top-left / bottom-right / bottom-left / top-center /
bottom-center / left-center / right-center
8. 交互测试
JS API 初始化
9. 销毁测试
JS API 初始化