一个基于 Vue 3 的低代码组件库
-
validator
非必须包,如果不需要表单校验可不用安装 -
dl-icons
非必须包,如果需要扩展图标,可自行安装
# npm 安装
$ npm i @xuanmo/{dl-ui,dl-common,dl-icons}
# yarn 安装
$ yarn add @xuanmo/{dl-ui,dl-common,dl-icons}
# pnpm 安装
$ pnpm add @xuanmo/{dl-ui,dl-common,dl-icons}
import { createApp } from 'vue'
// 1. 引入组件
import DLUI from '@xuanmo/dl-ui'
// 3. 引入组件样式
import '@xuanmo/dl-ui/dist/index.css'
const app = createApp()
// 3. 注册组件
app.use(DLUI)
- 🚀 表单作为容器、也作为低代码运行时解析器,可以容纳任意组件,通过
JSON
格式配置即可完成表单搭建,具体细节见表单篇 - 💪 内置常用表单组件,支持扩展组件
- 💪 繁琐的表单校验通过规则配置即可,校验与表单业务可完美剥离
- 💪 可扩展的图标库
- ✍️ 使用 TypeScript 开发,提供完整的类型定义
- 🛠 更多功能开发中,欢迎共建...
- 自己比较懒,不太喜欢做重复的事情,能用轮子解决的事情,尽量不搞第二次,由之前 Vue 2 版的配置表单开始(封装自 Vant),自己对这种通过 JSON 配置就能完成一个表单的渲染,深受喜爱,因为工作的缘故,目前主要做低代码平台产品(表单生态),也是一个比较感兴趣的方向;
- 做开源也是为了能够认识更多朋友,从中学习一些工作中可能遇见不到的场景,欢迎一起讨论交流。
- 感谢 JetBrains 提供的 非商业开源软件开发授权
- 感谢 JasKang 提供的 Markdown 预览方案
- 感谢 三咲智子 提供的在线运行组件方案