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 初始化

10. 自动化断言

11. 性能基准 — SepButton vs Native DOM