Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/d-xuanmo/dl-ui
一个基于 Vue 3 的低代码组件库
https://github.com/d-xuanmo/dl-ui
dynamic-form vue vue3 vue3-forms vue3-typescript
Last synced: 4 months ago
JSON representation
一个基于 Vue 3 的低代码组件库
- Host: GitHub
- URL: https://github.com/d-xuanmo/dl-ui
- Owner: D-xuanmo
- License: mit
- Created: 2022-04-15T15:04:10.000Z (almost 3 years ago)
- Default Branch: develop
- Last Pushed: 2024-04-21T15:27:29.000Z (10 months ago)
- Last Synced: 2024-04-21T20:57:16.756Z (10 months ago)
- Topics: dynamic-form, vue, vue3, vue3-forms, vue3-typescript
- Language: TypeScript
- Homepage: https://www.xuanmo.xin/-/dl-ui
- Size: 1.97 MB
- Stars: 54
- Watchers: 2
- Forks: 9
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
DL UI
一个基于 Vue 3 的低代码组件库
## 全量功能安装
- `validator` 非必须包，如果不需要表单校验可不用安装
- `dl-icons` 非必须包，如果需要扩展图标，可自行安装
```bash
# 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}
```
## 引入组件
```typescript
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` 格式配置即可完成表单搭建，具体细节见[表单篇](https://www.xuanmo.xin/-/dl-ui/comp-common/form)
- 💪 提供明细表数据层封装，使用者只需要负责实现 UI 效果即可，完美融合到表单使用，自带校验
- 💪 内置常用表单组件，支持扩展组件
- 💪 繁琐的表单校验通过规则配置即可，校验与表单业务可完美剥离
- 💪 可扩展的图标库
- ✍️ 使用 TypeScript 开发，提供完整的类型定义
- 🛠 更多功能开发中，欢迎共建...
## 链接
- 完整文档地址：[https://www.xuanmo.xin/-/dl-ui](https://www.xuanmo.xin/-/dl-ui)
## 特别鸣谢
- 感谢 [JetBrains](https://www.jetbrains.com/) 提供的 [非商业开源软件开发授权](https://www.jetbrains.com/shop/eform/opensource)
- 感谢 [JasKang](https://github.com/JasKang/vite-plugin-markdown-preview) 提供的 Markdown 预览方案
- 感谢 [三咲智子](https://github.com/element-plus/element-plus-playground) 提供的在线运行组件方案
## License
- 本项目基于 [MIT](https://github.com/D-xuanmo/dl-ui/blob/develop/LICENSE) 协议，欢迎有兴趣的朋友一起交流
- Copyright © 2022-PRESENT [D-xuanmo](https://github.com/D-xuanmo)
## 动态
