daisyUI 路线图

daisyUI 路线图、里程碑和即将推出的功能

  • daisyUI 2

    1. 新组件:聊天
    2. 新组件:Toast 提示
    3. 新组件:径向进度条
    4. 新组件:切换
    5. 新组件:输入框组
    6. 新组件:底部导航
    7. 新颜色名称:信息内容、成功内容、警告内容、错误内容
    8. 在 tailwind.config.js 中为 daisyUI 主题添加对 RGB、HSL 等颜色格式的支持
    9. 模态框的新响应式修饰符类
    10. 统计组件的新响应式修饰符
    11. 分隔线的新响应式修饰符
    12. 评分组件的新 rating-half 修饰符,用于显示半星
    13. 遮罩组件的新修饰符:mask-half-1、mask-half-2
    14. 菜单中的空 li 标签现在显示分隔线
    15. 新主题:夜晚、咖啡、冬季、秋季、商务、酸性、柠檬水
    16. 新的“prefix”配置
    17. 新的“darkTheme”配置


  • daisyUI 3

    1. 新组件:加载
    2. 新组件:手风琴
    3. 新组件:连接
    4. 新组件:浏览器模型
    5. 抽屉组件支持响应式前缀
    6. 抽屉组件的键盘导航可访问性
    7. 使用 dialog 元素的模态框组件
    8. 使用 details/summary 元素的下拉菜单组件
    9. Tooltip 提示框的键盘导航可访问性
    10. 按钮的新组件:btn-neutral 变体
    11. 菜单支持 details/summary 元素
    12. 菜单尺寸变体:menu-xs、menu-sm、menu-md、menu-lg
    13. 表格尺寸变体:table-xs、table-sm、table-md、table-lg
    14. 表格重新设计
    15. 折叠组件支持 details/summary 元素
    16. 新工具:npm init daisyui


  • 文档

    1. 添加乌克兰语翻译
    2. daisyUI 博客
    3. daisyUI 新闻通讯
    4. 更新示例仓库


  • daisyUI 4

    1. daisyUI 现在使用 OKLCH 颜色。解锁比 RGB/HSL 多 30% 的颜色
    2. 新组件:时间线
    3. 新组件:骨架屏
    4. 新组件:差异
    5. 新组件:主题控制器 – 无需 JS 即可更改页面主题
    6. 3 个新主题:昏暗、Nord、日落
    7. 新的“tab-content”类:无需 JS 即可切换标签页内容
    8. 将所有方向样式替换为 CSS 逻辑属性
    9. 无需任何额外配置或依赖项的 RTL 支持,使用 CSS 逻辑属性
    10. 减少 92% 的 NPM 模块依赖
    11. 减少 70% 的 node_modules 占用空间和安装大小
    12. CSS 文件大小(CDN)缩小 15%
    13. 移除 RTLCSS、PostCSS、Tailwind CSS 依赖项
    14. 移除所有 *-focus 颜色名称。现在使用 CSS color-mix() 在底层生成更深的颜色
    15. btn-info、btn-success、btn-warning、btn-error 现在像其他按钮一样具有悬停颜色变化
    16. 减少标签页类名重复。为“tab”项移除了 tab-lifted、tab-bordered、tab-lg、tab-md、tab-sm、tab-xs 修饰符类。为父“tabs”类添加了 tabs-lifted、tabs-bordered、tabs-lg、tabs-md、tabs-sm、tabs-xs 类。
    17. 提高与 @tailwindcss/forms 插件的兼容性
    18. 使用支持 P3 颜色的 Culori 包代替 Colord
    19. 添加分隔线颜色修饰符
    20. 添加分隔线颜色位置修饰符


  • 文档

    1. daisyUI 资源
    2. daisyUI 商店
    3. 文档实用工具类
    4. 文档 CSS 变量
    5. 文档:添加波斯语翻译
    6. 文档:添加阿拉伯语翻译
    7. 文档:添加马来语翻译
    8. 文档:添加越南语翻译
    9. 文档:添加意大利语翻译
    10. 文档:添加德语翻译
    11. 文档:添加孟加拉语翻译
    12. 文档:添加波兰语翻译
    13. 文档:更新到 Svelte 5


  • daisyUI 5

    1. Tailwind CSS 4 兼容性
    2. 将项目迁移到 Bun 工作区
    3. 使用 ESM
    4. 使用原生 CSS 嵌套
    5. 移除所有 JavaScript 依赖项
    6. 减少 61% 的包大小
    7. 减少 75% 的 CDN 文件大小
    8. 为颜色名称使用 Tailwind CSS 4 CSS 变量格式
    9. 使每个组件和每个主题都可作为纯 CSS 文件使用
    10. 新组件:列表、状态、字段集、标签、过滤器、日历、验证器、停靠栏
    11. 新组件:标签
    12. 新主题:焦糖拿铁、深渊、丝绸
    13. 为下拉菜单添加 popover API 支持
    14. 配置选项以包含或排除库的某些部分
    15. 添加 dash 和 soft 样式
    16. 效果:主题的可选深度和噪点效果
    17. 重构尺寸比例
    18. 可自定义的尺寸比例
    19. 可自定义的边框尺寸
    20. 使所有修饰符类名都具有响应性
    21. 可访问性改进
    22. 设计改进
    23. 将主题颜色调整为新的 Tailwind CSS 4 调色板


  • 文档

    1. 为组件特定的 CSS 变量添加文档
    2. 添加文档基础样式
    3. 新主题生成器
    4. 新 Logo
    5. 首页重新设计
    6. 添加缺失的翻译
    7. 添加组件设计规范
    8. 添加组件可访问性指南
    9. 为网站添加常见问题解答
    10. 为第三方 JS 包添加集成教程
    11. 改进翻译文件的加载


  • 未来

    1. Tailwind CSS 5
    2. 预构建的 CSS 网格布局
    3. 微动画
    4. 更多主题效果
    5. CSS 锚点定位
    6. 视图过渡 API
    7. CSS color-contrast()
    8. CSS 相对颜色语法
    9. CSS 动画时间线
    10. 可折叠的浮动操作按钮
    11. HTML invoker API
    12. CSS @scope
您喜欢 daisyUI 吗? 发布一下!
支持 daisyUI 的开发:Open Collective
daisyUI store

NEXUS
官方 daisyUI 仪表板模板

可在 daisyUI 商店购买

更多详情