@xuanmo/dl-ui
TypeScript icon, indicating that this package has built-in type declarations

0.0.5-beta.37 • Public • Published

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 开发,提供完整的类型定义
  • 🛠 更多功能开发中,欢迎共建...

组件开发初衷

  • 自己比较懒,不太喜欢做重复的事情,能用轮子解决的事情,尽量不搞第二次,由之前 Vue 2 版的配置表单开始(封装自 Vant),自己对这种通过 JSON 配置就能完成一个表单的渲染,深受喜爱,因为工作的缘故,目前主要做低代码平台产品(表单生态),也是一个比较感兴趣的方向;
  • 做开源也是为了能够认识更多朋友,从中学习一些工作中可能遇见不到的场景,欢迎一起讨论交流。

链接

特别鸣谢

License

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

动态

Alt

Readme

Keywords

Package Sidebar

Install

npm i @xuanmo/dl-ui

Weekly Downloads

60

Version

0.0.5-beta.37

License

MIT

Unpacked Size

2.02 MB

Total Files

102

Last publish

Collaborators

  • xuanmo