hflveditor3
基于vue3的可视化页面编辑器
4,787
| Install | |
|---|---|
npm install hflveditor3 |
|
| Latest Version: | 0.2.35 |
| Vue: | 3 |
| Last Updated: | Aug 10, 2026 |
| Links: | npm |
Maintainer: qbansanguo
hflveditor3
基于vue3的可视化页面编辑器
📝 更新日志
[0.2.35] - 2026-08-10
- 🎨 优化改进
- 粘贴时添加到数组的末尾，和拖入增加组件一致，展示在顶部
[0.2.34] - 2026-06-13
- ✨ 新增功能
- 数据来源中增加routeP(路由参数)，便于从路由中获取参数
- 绑定刷新里key值支持动态占位，从容器参数中获取动态部分
- 绑定显隐里key值支持动态占位，从容器参数中获取动态部分
[0.2.33] - 2026-06-11
- ✨ 新增功能
- 设计状态CompShape增加拖动图标，可通过其对组件位置进行拖动。目的是解决组件内部具有设计状态的情况，以前选中组件方式无法拖动的问题。
- 增加动态表单的组件，对于新组件可不提供配套的属性和数据编辑组件，通过schema定义动态表单渲染完成。
- 提供Schema设计器页面，方便配置
- 数据来源中增加置空(Null)方式
- 条件判断中增加isTrue和isFalse操作符
- 数据源中增加setTrue和setFalse方式
[0.2.32] - 2026-04-30
- ✨ 新增功能
- 消息弹出框中类型增加一个Alert
- 输入框自定义函数编辑增加一个压缩按钮
- 其他配置中增加一个showDashBorder开关，开启或者关闭设计状态时是否显示点虚线框
- 增加同类组件的属性批量修改，在组件的属性编辑或者数据编辑中，调用store的openSyncCompAttr方法打开同步属性对话框，需要构造开放勾选的属性集合
- 组件编辑状态下，需要属性编辑组件和数据编辑组件，如组件不需要进行属性或者数据编辑，可不提供
- 绑定显隐设置时，增加取反开关，默认不开启
- 新增事件selectionChange，多选改变
- 新增CommonUtils工具类导出，提供formatJsCode,compressJsCode方法
[0.2.31] - 2026-04-16
-
✨ 新增功能
- 事件配置的数据请求操作，增加下拉选择(级联选择)，选择注册的数据源配置
- 新增vEditorCustomFunctions注入，编辑器可以通过提供名为"vEditorCustomFunctions"的自定义函数集完成某些功能定制化
- vEditorCustomFunctions中增加getRequestOptions函数，获取请求源列表用于数据请求配置时快速选择回填
- 编辑器其他设置中增加"锁定可点击"开关，默认打开，关闭后对于锁定的组件，不接受点击事件，即可被下层其他组件或者画布捕获点击事件
- 事件编辑中条件增加一种函数式条件方式，配置定义函数，通过返回true表示执行
-
🎨 优化改进
- 标线默认颜色改为黑色，删除按钮title修改为***标线
- 组件尺寸比较小时，不显示其操作框,通过修改其属性来调整大小和旋转
- 组件库图标展示，vue3已没有el方式去除，增加图片方式
- 涉及到自定义函数，增加压缩按钮，对于长函数可压缩，减小配置文件大小
- 优化动画配置，增加动画配置的参数
[0.2.30] - 2026-04-08
- ✨ 新增功能
- 选区操作中增加拆分选项，对选区内的组合进行拆分
- 选区操作中增加锁定，解锁操作
- 选区操作弹框页面调整，分样式修改和单项操作(锁定，解锁，组合，拆分，删除)
- 选区操作中增加调整水平垂直间距，设置水平垂直间距，网格化布局操作
[0.2.29] - 2026-03-24
-
✨ 新增功能
- 选择单个组件时，右键菜单【等距粘贴】弹框设置横向数量和间距，纵向数量和间距，可同时横向纵向
- 新增其他配置按钮，替代以前的标尺按钮，将标尺配置信息整合到其他配置里，增加吸附配置
- 数据来源中增加时间戳timestamp,时间戳(秒)timestamp2
- 操作列表新增绑定显隐设置bindShowHideSet，通过绑定一个响应式变量来控制其自身的显示和隐藏
-
🎨 优化改进
- 画布尺寸最小值 调整到40,40
- 改进标尺组件，增加删除按钮，增加标线移动时数值提示
- 吸附功能优化，增加标线吸附和组件吸附切换
- 组件事件列表展示数据源 由组件定义和当前组件的并集构成
-
📚 待规划
- 数据来源中增加特征值eigenV，比如当前时间戳等阈值快捷赋值，暂时没有想好
- 数据请求中增加快捷选取自动填充，页面使用级联选择器，数据通过注册到store或者provide提供
- 事件编辑器的条件执行，现有的多条件配置，考虑增加自定义函数配置，通过函数返回true或者false
其他更新
- 📚 补充组件使用文档
- 🐛 修复已知的小问题
🔧 使用说明
安装
npm install hflveditor3
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.2.35 | >=3.4.0 | ||
| 0.2.34 | >=3.4.0 | ||
| 0.2.33 | >=3.4.0 | ||
| 0.2.32 | >=3.4.0 | ||
| 0.2.31 | >=3.4.0 | ||
| 0.2.30 | >=3.4.0 | ||
| 0.2.29 | >=3.4.0 | ||
| 0.2.28 | >=3.4.0 | ||
| 0.2.27 | >=3.4.0 | ||
| 0.2.26 | >=3.4.0 | ||
| 0.2.25 | >=3.4.0 | ||
| 0.2.24 | >=3.4.0 | ||
| 0.2.23 | >=3.4.0 | ||
| 0.2.22 | >=3.4.0 | ||
| 0.2.21 | >=3.4.0 | ||
| 0.2.20 | >=3.4.0 | ||
| 0.2.19 | >=3.4.0 | ||
| 0.2.18 | >=3.4.0 | ||
| 0.2.17 | >=3.4.0 | ||
| 0.2.16 | >=3.4.0 | ||
| 0.2.15 | >=3.4.0 | ||
| 0.2.14 | >=3.4.0 | ||
| 0.2.13 | >=3.4.0 | ||
| 0.2.12 | >=3.4.0 | ||
| 0.2.11 | >=3.4.0 | ||
| 0.2.10 | >=3.4.0 | ||
| 0.2.9 | >=3.4.0 | ||
| 0.2.8 | >=3.4.0 | ||
| 0.2.7 | >=3.4.0 | ||
| 0.2.6 | >=3.4.0 |
Showing the latest 30 of 34. See every release on npm
Pre-releases (2)
| Version | Released | Vue | License |
|---|---|---|---|
| 0.2.4-beta.1 | >=3.4.0 | ||
| 0.2.4-beta.0 | >=3.4.0 |