📢 NaiveUI 开发需求征集 & 任务认领

[jahnli]

问题的清晰而简明的描述

NaiveUI 一直致力于为 Vue3 开发者提供优秀的组件库解决方案。随着使用场景的不断扩大，为了更好的优化和提升 NaiveUI 组件库的体验，我们正在收集社区反馈，规划下一阶段的开发重点。

组件

• Cascader：

  • 是否能开放级联选择器Cascader的面板功能 #5347

• Date Table：

  • 汇总行固定在底部
    • DataTable的总结栏能不能固定在表格底部 #2814
    • data-table表格的summary总结栏, 可不可以在设置了表格高度和固定表头后, 总结栏始终固定到最下面, 而不是在表格里面跟着滚动? #6170
    • dataTable使用虚拟滚动后总结栏不会固定底部 #6432
    • 数据表格 Data Table 当设置 summary 和 virtual-scroll，summary 需要滚动到底部才出现，分页设置50,100,500,1000， virtual-scroll滚动问题 #6585
  • 支持筛选列 & 显隐
    • 是否可以添加一个table列的显隐参数 #3563

• Date Picker：

  • 支持选择多个日期
    • add prop to allow selection of multiple dates on the date picker #3357
    • date-picker can't select multiple dates #5469
  • 菜单收起交互优化 feat: n-date-picker adds close-panel-on-select-date、close-panel-on-select-year 、close-panel-on-select-month props. #6741
    • 建议Date-Picker组件选择月份后自动收起年份/月份下拉 #3167
    • 日期选择器交互优化 #5934
    • 希望日历组件增加在呼出的年月下拉菜单中选择完月后自动关闭该下拉菜单的功能 #6576
  • 支持时区
    • Time Picker value use ISO 8601 #715
    • DatePicker 支持设置时区，或者通过config-provider配置整个app的时区 #2591
    • Noticication，页面notification循环弹出的时候，如果浏览器页签切到其他页面停留一段时间再切回来，会存在dom未被清空，出现重叠的box-shadow的情况 #4126
    • date-picker time-zone support #4821
    • FeatureRequest: Add TimeZone Config to Config-Provider #5429
  • 支持自定义单元格
    • DatePicker 日期选择组件，希望可以支持自定义单元格的内容和样式 #5778
    • 希望Date Picker组件允许根据不同日期自定义每个日期单元格的内容或样式 #6017
    • Date Picker 日期选择器，希望可以支持自定义日期单元格 #6166
    • DatePicker: Add cellRender Support to DatePicker #6614

• Dialog：

  • 支持自定义 z-index
    • dialog customize zIndex #4349
    • 组件库默认初始层级z-index支持配置 #6501

• Dynamic Input：

  • Dynamic Input + Virtual List #5660

• Dynamic Tags：

  • DynamicTags reordering with drag'n drop #5643

• Image：

  • 支持图片预览方法 feat: n-image adds showPreview methods #6746
    • 希望开放 ImagePreview 这个组件,如果能实现 showImagePreview是最好 #5763
    • feat(Image): 暴露图片预览方法 #6479
    • 希望NImage能够开放点击查看的Method #6695

• Input：

  • Input mask on form inputs #1385
  • Input Number组件能不能多加一种样式 #5681
  • 建议新增验证码输入组件 #6222

• Log：

  • log组件添加虚拟列表 #6071

• Modal：

  • n-modal 支持设置最高高度，超出在modal区域内滚动 #4848

• Noticication：

  • Noticication，页面notification循环弹出的时候，如果浏览器页签切到其他页面停留一段时间再切回来，会存在dom未被清空，出现重叠的box-shadow的情况 #4126

• Ellipsis：

  • Enhance ellipsis component #75 更多自定义功能
  • Adding expansion and collapse functions at the end of Ellipsis component text (Ellipsis组件文本末端添加展开和收起功能) #5352

• Tabs：

  • tabs宽度溢出时，显示滚动条 #2128
  • Tabs 横向滚动时，可以支持手动滚动，左右箭头 #5846

• Time Picker：

  • Missing time range picker! #4448 支持时间范围选择器

• Tree：

  • NTree 开启 virtual-scroll 时，覆写 node 样式会导致高度计算误差 #5221

• Virtual List：

  • [VirtualList]：虚拟列表不固定高度使用scrollTo方法无法完全滚动到最底部 #6596

• 内存泄漏：

  • The performant-ellipsis component may still be insufficiently performant #5900
  • 选择器设置 max-tag-count=responsive 时，多选卡顿 #5916
  • 我觉得可能存在内存溢出的风险。 #5992

• 全局组件：

  • n-config-provider组件 是否可以增加一个设置默认组件大小的Props？ #356
  • 希望组件能更方便的让用户知道有哪些 peers 变量 #5614

• Typescript 类型：

  • n-tree n-tree-select n-select 支持泛型
    • Allow SelectOption.value to be of any type #5386
    • n-tree 组件的TreeOption类型添加泛型 #5989

• 新增 Chat 组件：

  • Chat Component #6020
  • 能否做一个类似prochat的组件 #6449
  • 希望新增chat对话组件 #6539

• 新增 Segment 组件：

  • 希望增加一个 Segment 分段控制器组件或基于 RadioButton 组件的 Segment 样式 #5499

• 新增 Tour 组件：

  • 期望加入漫游式引导组件（Tour） #5132
  • Tour 漫游式引导 （新功能） #5776
  • 期待增加Tour漫游式引导 #6506

文档

• 需求：示例改成使用Setup语法糖模式 #5999

设计资源

• English design resources? #3327
• 设计稿sketch文件有最新的吗？ #5607
• 设计资源只有sketch，没有axure #6325
• Design Resources. Sketch to Figma #4992

参与贡献

• 🚀 如果你愿意参与开发或修复问题，欢迎评论区认领任务或提交 PR
• 📜 贡献指南
• 💬 有任何问题，欢迎在评论区提问

💪 我们始终相信开源的力量，期待借助更多人的力量参与贡献 NaiveUI，共同打造一个更优秀的 Vue3 UI 组件库。

[a81n9]

• 组件大小自适应 #4250

[pengzhen-developer]

• 菜单收起交互优化

提过一个 PR，可能 API 过于繁琐，没有 merge，如果有需要调整的地方，可及时告知。
#5564

[surge-squirrel]

之前提过一个，缺省页全局配置
比如select没数据的时候
级联选择器没数据的时候
表格没数据的时候
希望直接有一个全局配置
这样扔个组件进去
一次解决所有问题

[pengzhen-developer]

• 菜单收起交互优化

提过一个 PR，可能 API 过于繁琐，没有 merge，如果有需要调整的地方，可及时告知。 #5564

@jahnli
请帮忙确定以下 2 个方案，更倾向于哪一种实现？

• 新增属性，控制是否选择后隐藏 panel

  • closePanelOnSelectDate，选择年或月后，关闭面板
  • closePanelOnSelectYear，选择年后，关闭面板
  • closePanelOnSelectMonth，选择月后，关闭面板

• 默认选择年或月后，直接关闭弹窗

之前的 pr 提交的时间过于久远，冲突太多，已经 close 了，等方案确定后，再新开个 pr

[jahnli]

• 菜单收起交互优化
  提过一个 PR，可能 API 过于繁琐，没有 merge，如果有需要调整的地方，可及时告知。 #5564

@jahnli 请帮忙确定以下 2 个方案，更倾向于哪一种实现？

• 新增属性，控制是否选择后隐藏 panel

  • closePanelOnSelectDate，选择年或月后，关闭面板
  • closePanelOnSelectYear，选择年后，关闭面板
  • closePanelOnSelectMonth，选择月后，关闭面板

• 默认选择年或月后，直接关闭弹窗

之前的 pr 提交的时间过于久远，冲突太多，已经 close 了，等方案确定后，再新开个 pr

直接默认就关闭算 breaking change 吧，是不是对现有的一部分人不太友好

[pengzhen-developer]

• 菜单收起交互优化
  提过一个 PR，可能 API 过于繁琐，没有 merge，如果有需要调整的地方，可及时告知。 #5564

@jahnli 请帮忙确定以下 2 个方案，更倾向于哪一种实现？

• 新增属性，控制是否选择后隐藏 panel

  • closePanelOnSelectDate，选择年或月后，关闭面板
  • closePanelOnSelectYear，选择年后，关闭面板
  • closePanelOnSelectMonth，选择月后，关闭面板

• 默认选择年或月后，直接关闭弹窗

之前的 pr 提交的时间过于久远，冲突太多，已经 close 了，等方案确定后，再新开个 pr

直接默认就关闭算 breaking change 吧，是不是对现有的一部分人不太友好

通过属性控制是否关闭，有空帮忙 review 下，有需要调整的地方，随时联系。

#6741

[jahnli]

• 菜单收起交互优化
  提过一个 PR，可能 API 过于繁琐，没有 merge，如果有需要调整的地方，可及时告知。 #5564

@jahnli 请帮忙确定以下 2 个方案，更倾向于哪一种实现？

• 新增属性，控制是否选择后隐藏 panel

  • closePanelOnSelectDate，选择年或月后，关闭面板
  • closePanelOnSelectYear，选择年后，关闭面板
  • closePanelOnSelectMonth，选择月后，关闭面板

• 默认选择年或月后，直接关闭弹窗

之前的 pr 提交的时间过于久远，冲突太多，已经 close 了，等方案确定后，再新开个 pr

直接默认就关闭算 breaking change 吧，是不是对现有的一部分人不太友好

通过属性控制是否关闭，有空帮忙 review 下，有需要调整的地方，随时联系。

#6741

好的，07akioni 在 DeepSeek 工作，最近 DeepSeek 很忙，空了会 review 的

[lvzhenbo]

3563放错地方了

[jahnli]

3563放错地方了

👌 已更新