# unione-form-editor

**Repository Path**: unione-cloud/unione-form-editor

## Basic Information

- **Project Name**: unione-form-editor
- **Description**: Unione Cloud Form Editor，低代码平台核心组件，开箱即用，功能丰富，扩展能力强。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2026-05-08
- **Last Updated**: 2026-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# unione-form-editor

<div align="center">
  <img src="https://img.shields.io/badge/Vue.js-3.x-green.svg" alt="Vue.js 3.x">
  <img src="https://img.shields.io/badge/Vite-4.x-blue.svg" alt="Vite 4.x">
  <img src="https://img.shields.io/badge/TypeScript-5.x-blue.svg" alt="TypeScript 5.x">
  <img src="https://img.shields.io/badge/license-Apache%202.0-blue" alt="License" />
</div>

## 项目简介

unione-form-editor 是一个基于 Vue 3、TypeScript 和 Vite 构建的低代码平台核心组件——表单设计器，为企业级应用提供高效、灵活、美观的表单设计解决方案。

## 核心特性

- **可视化拖拽设计**：支持拖拉拽方式完成表单设计，所见即所得
- **表单验证**：内置多种验证规则，支持自定义验证逻辑
- **复杂交互逻辑**：支持显示隐藏逻辑、必填逻辑、标题显示逻辑、格式化显示逻辑
- **事件响应逻辑**：支持点击事件、表单加载事件、表单提交事件、表单提交完成事件等
- **丰富的表单组件**：
  - **基础组件**：单行输入、多行输入、数字输入、随机字符、密码框、日期选择、时间选择、图片上传、文件上传、单选框、开关、下拉选择、多选框、下拉树、标签输入、级联
  - **高级组件**：富文本、扫码输入、代码编辑、数据引用、子数据、二维码、子表单、打印组件、条形码
  - **布局组件**：标签面板、网格布局、卡片面板、折叠面板、段落面板、向导面板
  - **系统组件**：当前帐号，用户选择组件，机构选择组件，角色选择组件，分组选择组件，岗位选择组件
  - **图表组件**：折线图、柱状图、饼图、散点图、地图等
  - **业务组件**：支持高度定制化的业务组件，动态注册到表单设计器中

## 快速开始

### 环境要求

- Node.js 14.0+
- npm 6.0+ 或 yarn 1.22+

### 安装

```bash
# 克隆仓库
git clone https://github.com/unione-cloud/unione-form-editor.git
# 或
git clone https://gitee.com/unione-cloud/unione-form-editor.git
cd unione-form-editor

# 安装依赖
npm install
# 或
yarn install
```

### 开发运行

```bash
npm run dev
# 或
yarn dev
```

### 构建生产版本

```bash
npm run build
# 或
yarn build
```

## 贡献指南

1. Fork 本仓库
2. 创建特性分支 (`git checkout -b feature/amazing-feature`)
3. 提交更改 (`git commit -m 'Add some amazing feature'`)
4. 推送到分支 (`git push origin feature/amazing-feature`)
5. 打开Pull Request

## 许可证

本项目采用 Apache License 2.0 许可证 - 详见 [LICENSE](LICENSE) 文件

## 联系方式

- **项目地址github**：<https://github.com/unione-cloud/unione-form-editor>
- **项目地址gitee**：<https://gitee.com/unione-cloud/unione-form-editor>
- **GitHub Issues**: <https://github.com/unione-cloud/unione-form-editor/issues>
- **Gitee Issues**: <https://gitee.com/unione-cloud/unione-form-editor/issues>
- **邮箱**：邮箱: <unione-cloud@163.com>
- **微信号**：wx192637274
  加微信：wx192637274进群，与其他开发者交流、分享经验、解决问题。
- **QQ群**：1104874101
  加入QQ群，与其他开发者交流、分享经验、解决问题。
  ![QQ群](./doc/img/qq.jpg)

## 完整项目

- **完整项目地址github**：<https://github.com/unione-cloud/unione-admin-vue>
- **完整项目地址gitee**：<https://gitee.com/unione-cloud/unione-admin-vue>

## 配套后端项目

- **项目地址github**：<https://github.com/unione-cloud/unione>
- **项目地址gitee**：<https://gitee.com/unione-cloud/unione>

## 截图

![表单设计器界面](./doc/img/1.png)
![表单设计器界面](./doc/img/2.png)
![表单设计器界面](./doc/img/3.png)