# 表单引擎

**Repository Path**: ctrlc-git/lcaas-form

## Basic Information

- **Project Name**: 表单引擎
- **Description**: Vue3低代码表单，包含表单设计器和表单渲染器。UI选用naiveui，可视化操作。
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2018-06-12
- **Last Updated**: 2024-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 低代码, 低代码表单, 可视化表单, 表单设计器

## README

# form-engine

一款基于Vue3的低代码表单，支持naiveui组件库。可自定义组件，扩展性强。

- 设计器与渲染器分离，减少表单渲染的使用体积。
- 二次开发灵活，新增组件通过属性配置即可支持。

## 演示

- [演示地址](https://ctrlc-git.gitee.io/lcaas-form/)

## 运行

- 安装

```bash
pnpm install
```

- 启动

```bash
pnpm dev
```

## 表单设计器

通过可视化操作配置表单JSON数据。

- 启动

```bash
pnpm dev
```

- 构建

```bash
pnpm build
```

## 表单渲染器

通过基于表单设计器产生的JSON数据，渲染成真实的表单。

- 安装

```bash
npm i @lcaas/form-render
```

- 使用

```vue
<template>
 <lc-form ref="formRef" v-model:value="formData"  :conf="formConfig"></lc-form>
</template>

<script setup lang="ts">
import { LcForm } from '@lcaas/form-render';
const formData = ref({});
const formConfig = ref({});
</script>
```

### TODO

功能|状态
---|---
栅格布局|&#10004;
表单验证|&#10004;
组件联动|&#9744;
表格组件|&#9744;
表单嵌套|&#9744;
远端数据|&#9744;

## 支持作者

如果您觉得本项目对您有帮助，您可以帮我点个⭐Star，感谢支持