logo

未来的 Destyler UI

Jul 14 · 25min

前景提要 > Destyler Beta 10 发布

在这里我们已经重新修改了很多次 Destyler 的一些代码,让我们在使用和开发 Destyler 的时候体验感更好。

具体可以查看这些 「 Pull Requests / Issues 」

feat: add all components slots type#64
feat: update the hook, add types to emits#62
refactor: rework each component's handling of props and name.#58

过去的总结

我们修改了组件的 name 和 props 的处理方式上,在下一个版本,我们将组件的引入方式从 import { DestylerAlert } from 'destyler' 改为 import { Alert } from 'destyler',这样可以更好的使用组件。

同时我们将一些关联的 props 也进行了修改,例如 MenuArrowwidthheight ,我们将这些 props 改为直接使用了 Arrowwidthheight,这样可以更好让我们在开发组件时思路更清晰。

在这之后我们思考和验证了如何让组件的 DX 更加完美,我们修改了 Emits 的引入方式 可以在 Vue.js 的 playground 中看到我们组件 Emits 的全新方式,意味着我们在使用组件中增加了 Emits 的类型。

为了让组件的类型更加丰富,我们还给每一个组件都增加了插槽的类型。虽然这个只能在 开发 Destyler 中有用。

未来

todo add test file#65
feat: add histoire module#67

我们目前规划了一些的路线图,我们将会逐渐完善一些基本的东西,例如单元测试,和一些我们的预设样式,我发现 Sefirot UI 给了一个 组件记录 的启发,我们也载入了 histoire.dev 让用户更好的查看我们的组件的使用方式。

同时我们需要编写完善的测试案例,让组件更加健硕。

关于 预设样式

我在之前有一个个人觉得蛮不错的样式库 elonehoo/ui ,当组件库的测试案编写完成,我们将会逐步的完成第一个 theme 的库,就是基于这个 UI 库来实现。

结束语

非常感谢你可以关注到 Destyler,我会尽力让这个库更加完善,让更多的人可以使用它。