hflveditor3

基于vue3的可视化页面编辑器

📝 更新日志

[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