一大波新功能请求，希望作者参考

[surge-squirrel]

问题的清晰而简明的描述

Naive UI 组件库改进建议

• 1. Calendar 日历组件
  - 希望和date-picer面板一样，星期是单独的一行，并且可以设置周开始是星期急
  - 每个月必须是6行42天，因为一周最多跨越6周，这样可以保证日历高度不抖
• 2. 导出生成日历的方法，实现数据驱动，传入年月和周开始星期，返回42个时间戳数组，这样自己可以写自己的日历组件，更加灵活
• 3. DatePicker 组件 (type 为 datetime 等) 设置 input-readonly 时,日期输入框未被 readonly
• 4. DatePicker 组件 MonthRange 类型:
  - 支持 is-date-disabled 属性
  - 月份面板样式希望类似 Element UI,更直观
• 5. DatePicker 组件 DateTimeRange 类型: time 无法被禁用,is-time-disabled 属性无效
• 6. Tree 组件可调整缩进距离
• 7. Tree 组件提供调整选中背景颜色和文字颜色的主题编辑功能
• 8. SelectTree 组件提供调整高亮样式的主题编辑功能
• 9. Number Animation 组件:
  - 允许自定义 show-separator 的分割方法
  - 支持万分位分隔符,更符合中国用户习惯
• 10. Empty 缺省页支持全局统一配置
• 11. Watermark 组件提供 JS 使用方法,允许在非 Vue 环境中使用
• 12. DataTable 组件提供插槽写法
• 13. 官方支持模态框拖动功能 (Issue aDragModalHook：useDragModal #5501)
• 14. Select 组件作为 Tag 框输入:
  - 失去焦点时生成 tag
  - 或失去焦点时返回 input 内容/事件
• 15. Select 组件:
  - 支持保留选中项的 label,方便复制粘贴
  - 滑动选中时不立即收起 menu,允许复制内容
• 16. Image 组件暴露 previewed 方法,支持通过 JS 直接调用
• 17. 确认栅格组件 Bug 修复状态 (Issue 栅格布局，屏幕宽度响应式布局bug #5514)

建议的解决方案

以上有一两个给了解决方案

备选方案

No response

附加上下文

No response

验证

• 阅读 贡献指南。
• 阅读 文档。
• 检查是否已经存在请求相同功能的问题，以避免创建重复的问题。

[surge-squirrel]

• 1. Calendar component: Support setting the start day of the week
• 2. Export calendar generation method for data-driven customization
• 3. DatePicker component: Fix readonly issue for datetime types
• 4. DatePicker component (MonthRange type):
  - Support is-date-disabled attribute
  - Implement month panel similar to Element UI for intuitiveness
• 5. DatePicker component (DateTimeRange type): Fix time disabling issue
• 6. Tree component: Allow adjustment of indentation distance
• 7. Tree component: Provide theme editing for selected background and text colors
• 8. SelectTree component: Provide theme editing for highlight styles
• 9. Number Animation component:
  - Allow custom show-separator method
  - Support 10,000 separator for Chinese users
• 10. Empty component: Enable global configuration
• 11. Watermark component: Provide JS usage method for non-Vue environments
• 12. DataTable component: Implement slot writing method
• 13. Modal: Support dragging functionality (Issue aDragModalHook：useDragModal #5501)
• 14. Select component as Tag input:
  - Generate tag on focus loss
  - Return input content/event on focus loss
• 15. Select component:
  - Retain selected item label for copy-paste
  - Keep menu open on slide selection for content copying
• 16. Image component: Expose previewed method for direct JS calls
• 17. Grid component: Confirm bug fix status (Issue 栅格布局，屏幕宽度响应式布局bug #5514)

[Mophar-gift]

【12】+1

[liuheo]

【7、8】+1

[jahnli]

【12】+1

#216 我之前也想使用 template ，后面发现 tsx 更简单舒服

[jahnli]

7、应该可以通过主题色和 render-label 实现

8、应该同上

[HongJian-Yang]

希望 DataTable 可以出一个功能, 可以用代码 高亮某一行 和 取消高亮某一行, 还有就是 滚动到 某一行

[surge-squirrel]

7、应该可以通过主题色和 render-label 实现 8、应该同上

可以是可以，但是这个就需要每个单独都要改了，不如主题编辑器直接全局都改了，而且还能保证全局样式统一

[surge-squirrel]

表格的插槽写法我看了作者的回复，作者说1是为了更好的ts类型支持，2是目前vue的slot有一些不明确的地方，怕后续有重大改动，这波表示理解并且支持#216 并且写json也有一些好处，做定制列非常好

[surge-squirrel]

再加一个
upload组件可以设置文件的类名，现在文件列表和触发器可以设置类名，但是文件wrap不能设置类名
就导致一个问题
我把文件列表给成grid布局，68宽高，但是里面的文件（或者说照片墙的尺寸还是96x96），还是超出了
没办法，现在只能穿透修改，感觉不是很优雅

[ilxqx]

赞同改一下日期时间控件的年份和月份选择方法，目前日期控件选择完年月后需要鼠标点一下别的地方才能消失年月选择框，不能自动消失这点就很难受了。

[surge-squirrel]

赞同改一下日期时间控件的年份和月份选择方法，目前日期控件选择完年月后需要鼠标点一下别的地方才能消失年月选择框，不能自动消失这点就很难受了。

是这样的

[jizai1125]

3. DatePicker 组件 (type 为 datetime 等) 设置 input-readonly 时,日期输入框未被 readonly

readonly 有的，是不是理解错成了禁用？

[surge-squirrel]

3. DatePicker 组件 (type 为 datetime 等) 设置 input-readonly 时,日期输入框未被 readonly

readonly 有的，是不是理解错成了禁用？

我指的这里

[surge-squirrel]

#6001

[surge-squirrel]

我说一下第二点
其实只要提供一个函数，传入年月，和周开始星期
然后返回42个日期时间戳数组就ok了

其实我自己写了一个，不知道组件库是怎么搞的，希望可以导出来，毕竟大佬写的肯定比我代码质量高

[surge-squirrel]

我说一下第二点 其实只要提供一个函数，传入年月，和周开始星期 然后返回42个日期时间戳数组就ok了

其实我自己写了一个，不知道组件库是怎么搞的，希望可以导出来，毕竟大佬写的肯定比我代码质量高

/**
   * 获取某年某月包含42个日期的数组，开始日期根据指定的星期开始
   * @param {number} year - 年份
   * @param {number} month - 月份（1-12）
   * @param {number} startWeek - 以哪一天为周开始（0-6，0表示周日）
   * @returns {Date[]} - 包含42个日期的数组
   */
    function getDates(year, month, startWeek) {
      // 创建日期对象
      var date = new Date(year, month - 1, 1);
      // 获取这个月的第一天是星期几
      var firstDayOfWeek = date.getDay();
      // 计算需要回溯到上个月的天数
      var lastMonthDays = (firstDayOfWeek - startWeek + 7) % 7;
      // 回溯到上个月的日期
      date.setDate(date.getDate() - lastMonthDays);
      // 创建一个数组来存储日期
      var dates = [];
      // 获取42个日期
      for (var i = 0; i < 42; i++) {
        dates.push(new Date(date));
        date.setDate(date.getDate() + 1);
      }
      // 返回日期数组
      return dates;
    }
    var dates = getDates(2024, 6, 1); // 获取2024年7月，从周一开始的42个日期
    console.log(dates);

[superdudu-code]

【12】+1

#216 我之前也想用template，后面发现tsx更简单舒适

我也觉得，我之前提过插槽或者jsx的写法，后面在大佬的帮助下使用了jsx，用习惯后觉得jsx比插槽灵活方便，虽然不清楚渲染效率会不会降低

[surge-squirrel]

#6311

[atonemi]

希望 DataTable 可以出一个功能, 可以用代码 高亮某一行 和 取消高亮某一行, 还有就是 滚动到 某一行

某一行高亮可以暂时通过 row-class-name 属性自定义实现

[jahnli]

ref #6734