antd table 排序如何使用_云凤蝶如何让你写更少的代码

云凤蝶中台应用使用带自由拖拽功能的 IDE 制作页面，内置了 Ant Design、AntV、TechUI 等 UI 资产，内建大量最佳实践等，让开发者快速开发出高质量中台应用。
云凤蝶既是一个 IDE，也自带一个自研的运行时，所以它也属于前端框架的范畴，只不过相比传统的框架，我们更关注简单，高效。

---

# 前言

以前我们对前端框架的要求是稳定，高性能，API 设计简洁优雅，功能齐全。而现在我们要的远远不止于此，原因也很好理解，因为程序员更懒了，公司对效率的追求也更高了。
这篇文章会聊一聊在开发云凤蝶这个产品的过程中，我们整个团队对一些云凤蝶上细小的功能设计背后的思考，讨论与实现。

# 路由排序

熟悉 react-router 的开发者都知道，它是按你代码的先后顺序往下匹配且非贪婪的，意味着你需要非常小心的编排你的整个应用的路由列表的顺序，才能比较好的实现你预期的效果。
而当我们在做云凤蝶这个产品的时候，我们设计了下面这样一个朴实无华的路由功能：

如上图所示，在 1 的区域我们允许用户创建一堆的页面，在 2 的区域是每一个页面我们允许用户设置一个 path-to-regexp 规范的路由表达式。
于是上线之后到真实的业务场景里我们发现遇到一些小问题，比如某个用户同时定义了下面这两个路由：

• /order/list : 订单列表页
• /order/:orderId : 订单详情页

由于从配置到运行时代码的转换过程是个黑盒，掌控在云凤蝶手中，用户是无法干预这两个路由的优先级的，那么当用户访问 /order/list 的时候，会匹配到哪个页面就完全是听天由命了。
如何修这个 bug，我们讨论出三种解法：

1. 吐槽用户说你这个路由定义的太不规范了，你改改 ==
2. 吭哧吭哧做一个编排页面路由优先级的功能到我们的编辑器里，将控制权（甩锅）交给用户
3. 云凤蝶运行时尝试对路由优先级做排序，自己吃