跳转到正文
MX Components
概览指南组件工具

通用

组件总览

CopyText 复制文本

HeadlessCopyText 无头复制

表单

AntdConfigForm Ant Design 配置表单

ElementConfigForm Element 配置表单

DateRangePicker 日期范围

EnterNextContainer 回车跳转

RequestSelectV2 远程选择器

RequestCascader 远程级联

RequestTreeSelect 远程树选择

数据展示

ConfigTable 配置表格

HeadlessTable 无头表格

PopoverTableSelect 弹出表格选择

富文本

RichTextEditor 富文本编辑器

组件总览 ​

按使用场景浏览 MX Components。所有页面都包含由组件契约自动生成的 API 表格;适合浏览器演示的组件同时提供可运行示例与源码。

通用

复制等高频交互原语

2
CopyText带状态反馈的复制按钮HeadlessCopyText无头复制原语,自由组合界面

表单

配置化表单、键盘录入、日期与异步数据选择

7
AntdConfigForm面向 Ant Design Vue 的配置化表单适配器ElementConfigForm面向 Element Plus 的配置化表单适配器DateRangePicker统一输入输出的日期范围选择器EnterNextContainer回车顺序跳转的录入容器RequestSelectV2自动管理请求状态的虚拟选择器RequestCascader面向远程树数据的级联选择器RequestTreeSelect面向远程树数据的树选择器

数据展示

配置驱动与无头表格能力

3
ConfigTable支持虚拟滚动与远程分页的配置表格HeadlessTable适配任意 UI 层的表格核心PopoverTableSelect在弹层表格中筛选并选择数据

富文本

面向业务内容的编辑能力

1
RichTextEditor基于 Tiptap 的完整富文本编辑器

Documentation

Repository Source code Issues

Community

GitHub Discussions Issues Contributing Discussions