Vue 界面可视化设计器,基于 vjform
本设计器特色功能就是可以支持任何 vue 项目中被引用的组件,不需要二次开发就可以定义支持的组件以及组件的属性,并且对组件的属性和数据的关系以及表单的交互行为也可以通过设计器配置实现
克隆项目,执行
npm install
之后
npm run dev
npm i vjdesign
import Vue from 'vue'
import vjdesign from 'vjdesign'
import 'vjdesign/dist/vjdesign.css'
Vue.use(vjdesign)
使用文档 完善中...
使用
jformer
组件可直接用设计器元数据中的 json 定义来呈现界面
import vjform from 'vjform'
import expression from 'jpresent-transform-expression'
vjform.use(expression)
可视化布局基于 vjform 扩展
基于属性名的简易转换模板 "$:text": "model.text1"
为了适应类似 excel 的习惯,将属性值是表达式的情况下直接作为转换来处理 "text": "$:model.text"
使组件支持设置 scopedSlot 属性,实现转换获取父级组件 scopedSlot 的作用域对象
使用了 get
set
forEach
等 API
基于 v2.5.9
测试,理论上支持高于 v2.4.0
版本
实现拖拽布局
实现直接编辑配置数据