@simpleform/inula-editor

基于openinula实现的表单设计器，支持自定义组件，模板导入导出，可视化设计等表单设计功能，二次开发非常简单。

• 在线预览
• 开发指南
• 默认组件库 [email protected]，设计器默认注册了基础的表单控件.

简介

• 设计器组成：设计器包含六大模块
  • 配置上下文EditorProvider：提供编辑器的上下文环境
  • 配置面板EditorPanel：配置已经注册的组件显示列表
  • 操作区域 EditorTools：设计器的操作区域
  • 编辑区域EditorView：设计器的编辑区域
  • 配置属性组件EditorSetting：鼠标选中组件时展示对应的属性配置表单
  • 渲染器FormRender：设计器的表单渲染核心组件，使用前需要配置好注册组件及相关的属性
• 自定义功能：设计器允许两种自定义类型
  • 自定义组件：通过自定义一个组件，在设计器和渲染器中注册，然后就可以在组件面板中配置该控件使用
  • 导入模板：需要通过renderTools函数从设计器组件外面添加导入模板功能入口，这样可以自定义JSON模板列表的渲染界面.

安装

• Node.js Version >= 14.0.0
• openinula Version >= 0.1.1

npm install @simpleform/inula-editor --save
# 或者
yarn add @simpleform/inula-editor