低代码平台表单设计器 unione-form-editor 功能组件 ------ 悬浮按钮组件
常规按钮固定排布在表单顶部或底部，受布局约束，高频操作时需要来回滑动页面寻找，操作效率受限。悬浮按钮组件继承标准 按钮全部交互能力，额外搭载悬浮拖拽特色，是优化表单快捷操作的专属功能组件，归属于交互增强类功能组件。除常规按钮的点击事件、弹窗 / 抽屉 / 路由 / 外链四种触发方式、参数传递、显隐禁用逻辑配置外，独有悬浮定位、自由拖拽特性，适配各类表单快捷操作场景。
一、组件核心定位
悬浮按钮 = 全能交互按钮 + 页面悬浮容器，既拥有普通按钮全量业务能力，又突破表单布局限制，常驻页面表层，设计阶段拖拽定初始点位，表单实际运行后，操作人员可随手拖动更改摆放位置，随时随地快速触发功能。
二、核心功能特性
- 完整复用按钮能力 支持自定义按钮文案、图标、危险 / 主要 / 次要样式；点击响应包含弹窗对话框、侧边抽屉、页面路由跳转、外部链接；可绑定表单字段，传递表单变量实现跨页面、跨弹窗数据联动；灵活配置显示规则、禁用条件、点击回调事件，审核、导出、打印、新增等业务动作全都能实现。
- 双阶段自由拖拽定位 设计态：画布内直接拖拽悬浮按钮，自定义初始停靠方位（右下角、左下角、侧边居中），一键锁定初始坐标； 运行态：终端打开表单，鼠标 / 触屏长按按钮即可随意拖拽，放置在页面任意位置，位置记忆留存，下次打开表单沿用上次摆放点位。
- 多形态悬浮布局 支持单个悬浮按钮、悬浮折叠菜单（点击展开多个子功能按钮），可设置吸附屏幕边缘，拖拽松开自动靠边固定，避免遮挡表单填写区域。
- 状态联动配置 依托表单数据动态控制悬浮按钮显隐、禁用：表单草稿状态显示提交悬浮按钮，已办结单据自动隐藏；字段未完善时，导出悬浮按钮锁定不可点击。
- 轻量化悬浮层级 按钮常驻页面顶层浮动，不会遮挡表单输入框、子表、图片等原有内容，不破坏原有表单排版结构。
三、适用业务场景
- 全表单通用快捷操作：全局新增、一键保存、单据打印、数据导出；
- 审批类表单：悬浮审核通过、驳回、撤回快捷按钮；
- 明细主子表单：悬浮新增明细、批量删除子数据；
- 长页面表单：页面底部快捷返回顶部、打开帮助文档。
四、结语
悬浮按钮补齐了常规按钮受布局局限的短板，兼顾丰富交互与灵活摆放两大优势。不用改动原有表单布局，就能新增全局快捷操作，长表单、复杂业务表单优化交互首选组件。
项目已开源，欢迎 Star 收藏～