代码拉取完成,页面将自动刷新
一个对 Naive-UI 组件库的扩展。
使 DataTable / Dropdown / Menu / Select / Tree 等组件支持插槽模板式的写法。
简体中文 | English
Naive-UI 是一个流行的 Vue 3 组件库。
官方团队出于可维护性的考虑,没有提供 DataTable
、Dropdown
、Menu
、Select
、Cascader
、Tree
、TreeSelect
等组件的 Slot 插槽或 Template 模板式的写法支持。
以下是 GitHub 上的一些相关 Issues:
本项目旨在为上述问题提供解决方案。
🚀 已加入 Awesome Naive-UI 系列。
v2.38.2
)。只需在原来的组件名前增加 x-
前缀(例如:<n-data-table>
→ <x-n-data-table>
)。DataTable
:提供了列头、单元格、展开行的作用域插槽写法支持。DataTable
:提供了列、总结栏的模板写法支持(即在模板中定义 columns
、summary
prop)。Dropdown
:提供了菜单项、图标的作用域插槽写法支持。Dropdown
:提供了菜单项、菜单分组的模板写法支持(即在模板中定义 options
prop)。Menu
:提供了菜单项的模板写法支持(即在模板中定义 options
prop)。Menu
:提供了菜单项、图标的作用域插槽写法支持。Select
:提供了选项、选项组的模板写法支持(即在模板中定义 options
prop)。Select
:提供了选项、标签的作用域插槽写法支持。Popselect
:提供了选项、选项组的模板写法支持(即在模板中定义 options
prop)。Popselect
:提供了选项的作用域插槽写法支持。Cascader
:提供了选项的作用域插槽写法支持。Tree
:提供了数据项、开关图标的作用域插槽写法支持。TreeSelect
:提供了数据项、标签、开关图标的作用域插槽写法支持。Button
:提供了当仅有图标时显示为正方形的样式效果。点此查看。
你可以运行 Demo 来查看更多内容。
> pnpm install # 安装依赖
> pnpm run build # 构建项目
> pnpm run demo # 运行示例,访问 http://localhost:8888/
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。