Xuanmo Blog

背景

这是一篇迟来的文章，因为去年出过一件事情，可以算人生的一次低谷，导致延误了许久；

一直以来，都希望做一套完整组件库，刚好有两个比较好的契机：

1. Vue 3 正式版已经发布；
2. 刚好现在公司在做的产品，迎来新版从零迭代，主要负责表单低代码平台建设，从中让我受益匪浅，学到很多东西，比起之前我实现的 Vue 2 版表单，功能强大太多，也让我做在做设计时，有了不一样的构思和想法；

关于为什么要做这件事

1. 首先是从零开发一套组件库，可以接触到平时工作业务代码不一样的东西，本质上和写业务的思考也是不一样的，写组件库不用考虑很多业务逻辑，逻辑偏独立、公用，更能锻炼自己，业务组件则需要考虑很多业务相关的逻辑；
2. 目前比较感兴趣的方向是低代码，公司的产品是低代码平台相关，功能做的很强大，自己想做一下设计器这块的架构、也把自己的一些想法实现出来；
3. 也做了 5 年多的前端了，我觉得自己也应该有点不一样的东西和答卷，再加上做了 2 年多表单，对这块的也有一些不一样的理解，结合低代码 + 组件库来实现；
4. 也希望通过开源能认识更多朋友。

目前的进度

从 2022 年 4 月开始，从技术选型、整体架构、方案确定、一期需要完成的功能，立项到现在，已经完成 25 个组件，移动端表单也已经能够覆盖日常大部分需求；

目前更多的细节是没有完善的，一期还是以功能为主，一些动画等效果只能在二期来完善，按照目前的构思，要做的东西有很多，只能分阶段进行，欢迎有兴趣的朋友加入;

技术栈：Vue3 + TS。

整体发展方向

1. 一期主要实现基础组件、布局、表单解析等组件（这部分不区分 PC、H5），移动端实现表单字段组件，设计器能够满足现有组件的搭建；
2. 二期主要是开发更多的组件，完善生态；
3. 三期的规划暂时保密吧。

相关组件

1. 组件库官网：https://www.xuanmo.xin/-/dl-ui
2. 数据校验插件：https://github.com/D-xuanmo/validator
3. 在线运行时：https://run.xuanmo.xin

目前表单的架构