未来的 Destyler UI
Jul 14 · 25min
前景提要 > Destyler Beta 10 发布
在这里我们已经重新修改了很多次 Destyler 的一些代码,让我们在使用和开发 Destyler 的时候体验感更好。
具体可以查看这些 「 Pull Requests / Issues 」
过去的总结
我们修改了组件的 name 和 props 的处理方式上,在下一个版本,我们将组件的引入方式从 import { DestylerAlert } from 'destyler'
改为 import { Alert } from 'destyler'
,这样可以更好的使用组件。
同时我们将一些关联的 props 也进行了修改,例如 MenuArrow
的 width
和 height
,我们将这些 props 改为直接使用了 Arrow
的 width
和 height
,这样可以更好让我们在开发组件时思路更清晰。
在这之后我们思考和验证了如何让组件的 DX 更加完美,我们修改了 Emits 的引入方式 可以在 Vue.js 的 playground 中看到我们组件 Emits 的全新方式,意味着我们在使用组件中增加了 Emits 的类型。
为了让组件的类型更加丰富,我们还给每一个组件都增加了插槽的类型。虽然这个只能在 开发 Destyler 中有用。
未来
我们目前规划了一些的路线图,我们将会逐渐完善一些基本的东西,例如单元测试,和一些我们的预设样式,我发现 Sefirot UI 给了一个 组件记录 的启发,我们也载入了 histoire.dev 让用户更好的查看我们的组件的使用方式。
同时我们需要编写完善的测试案例,让组件更加健硕。
关于 预设样式
我在之前有一个个人觉得蛮不错的样式库 elonehoo/ui ,当组件库的测试案编写完成,我们将会逐步的完成第一个 theme 的库,就是基于这个 UI 库来实现。
结束语
非常感谢你可以关注到 Destyler,我会尽力让这个库更加完善,让更多的人可以使用它。