DL UI

一个基于 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 格式配置即可完成表单搭建，具体细节见表单篇
• 💪 提供明细表数据层封装，使用者只需要负责实现 UI 效果即可，完美融合到表单使用，自带校验
• 💪 内置常用表单组件，支持扩展组件
• 💪 繁琐的表单校验通过规则配置即可，校验与表单业务可完美剥离
• 💪 可扩展的图标库
• ✍️ 使用 TypeScript 开发，提供完整的类型定义
• 🛠 更多功能开发中，欢迎共建...

链接

• 完整文档地址：https://www.xuanmo.xin/-/dl-ui

特别鸣谢

• 感谢 JetBrains 提供的 非商业开源软件开发授权
• 感谢 JasKang 提供的 Markdown 预览方案
• 感谢 三咲智子 提供的在线运行组件方案

License

• 本项目基于 MIT 协议，欢迎有兴趣的朋友一起交流
• Copyright © 2022-PRESENT D-xuanmo

动态