一飞开源，介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！
一、开源项目简介
DL UI
一个基于 Vue 3 的低代码组件库
DL 释义
- D 代表梦想（Dream）、动态（Dynamic）
- L 代表低代码（Low code）
二、开源协议
使用MIT开源协议
三、界面展示
四、功能概述
组件目前的规划
亮点
- 以最少的代码，实现表单渲染
- 零外部依赖，不依赖其他三方包
- 内置常用表单组件，支持扩展组件
- 繁琐的表单校验通过规则配置即可，校验与表单业务可完美剥离
- ✍️ 使用 TypeScript 开发，提供完整的类型定义
- 更多功能开发中，欢迎共建…
组件开发初衷
- 自己比较懒，不太喜欢做重复的事情，能用轮子解决的事情，尽量不搞第二次，由之前 Vue 2 版的配置表单开始（封装自 Vant），自己对这种通过 JSON 配置就能完成一个表单的渲染，深受喜爱，因为工作的缘故，目前主要做低代码平台产品（表单生态），也是一个比较感兴趣的方向；
- 做开源也是为了能够认识更多朋友，欢迎一起讨论交流。
来源：DL UI 官网文档
五、技术选型
安装
通过 npm 安装
$ npm i @xuanmo/dl-ui 通过 yarn 或者 pnpm 安装
$ yarn add @xuanmo/dl-ui
$ pnpm add @xuanmo/dl-ui 引入组件
import { createApp } from 'vue'
// 1. 引入组件
import DLUI, { validator } from '@xuanmo/dl-ui'
// 2. 引入校验国际化并注册
import zhCN from '@xuanmo/validator/locale/zh-CN.json'
validator.localize(zhCN)
// 3. 引入组件样式
import '@xuanmo/dl-ui/dist/index.css'
const app = createApp()
// 4. 注册组件
app.use(DLUI) 特别鸣谢
- 感谢 JetBrains 提供的 非商业开源软件开发授权
- 感谢 JasKang 提供的 Markdown 预览方案
- 感谢 三咲智子 提供的在线运行组件方案
六、源码地址
访问一飞开源：https://code.exmay.com/