Releases: devlive-community/view-shadcn-ui
2025.1.3
View Shadcn UI v2025.1.3 正式发布 - 新增IP输入框组件与多项功能增强
🎉 版本信息 / Version Information
版本号 / Version: 2025.1.3
发布时间 / Release Date: 2025年5月27日 / May 27, 2025
📖 项目简介 / Project Overview
View Shadcn UI 是一个基于 Tailwind CSS 构建的现代化 Vue3 组件库,致力于为开发者提供美观、易用、功能丰富的UI组件解决方案。
View Shadcn UI is a modern Vue3 component library built with Tailwind CSS, dedicated to providing developers with beautiful, user-friendly, and feature-rich UI component solutions.
🔗 相关链接 / Links
- 项目地址 / Repository: https://github.com/devlive-community/view-shadcn-ui
- 官方网站 / Official Website: https://view-shadcn-ui.devlive.org/
- 在线演练场 / Playground: https://playground.view-shadcn-ui.devlive.org/
✨ 本次更新亮点 / Highlights
🆕 全新组件 / New Components
IP输入框组件 (IP Input Component)
我们新增了功能完整的IPv4地址输入框组件,支持:
- ✅ IPv4地址支持 - 专为IPv4地址格式设计,提供准确的输入验证
- ✅ 灵活尺寸配置 - 提供多种尺寸选择,适应不同场景需求
- ✅ 表单集成 - 完美融入表单验证体系
- ✅ 自定义分隔符 - 支持自定义IP地址分隔符样式
- ✅ 禁用状态 - 支持禁用状态,增强用户体验
We've introduced a comprehensive IPv4 address input component with support for:
- ✅ IPv4 Address Support - Specifically designed for IPv4 format with accurate input validation
- ✅ Flexible Sizing - Multiple size options for different use cases
- ✅ Form Integration - Seamless integration with form validation
- ✅ Custom Separators - Customizable IP address separator styles
- ✅ Disabled State - Support for disabled state for better UX
🔧 组件功能增强 / Component Enhancements
流程组件 (Process Component)
- 新增隐藏功能 - 支持
hiddenOnUsed
配置项,可隐藏已使用的列,优化界面显示效果
数据构建组件 (Data Builder Component)
- 布局优化 - 修复组件超越标尺的显示问题,确保界面布局的准确性和美观性
时间组件 (Time Component)
- 实时更新 - 支持配置更新间隔,实现时间的动态刷新显示
- 相对时间 - 新增相对时间显示功能(如"3分钟前"、"1小时前"等)
- 国际化支持 - 支持时间格式化和时区配置,满足全球化应用需求
通知中心组件 (Notification Center Component)
我们对通知中心组件进行了全面升级:
- 远程数据加载 - 支持从远程API获取通知数据
- 灵活定位 - 支持多种位置配置选项
- 尺寸定制 - 支持自定义宽度和高度设置
- 交互增强 - 支持自定义触发器,提升用户交互体验
- 插槽支持 - 子项支持多个插槽,提供更大的自定义空间
🚀 技术改进 / Technical Improvements
Enhanced Component Features:
Process Component:
- Added
hiddenOnUsed
configuration to hide used columns for cleaner interfaces
Data Builder Component:
- Fixed component overflow issues for better layout precision
Time Component:
- Configurable update intervals for real-time display
- Relative time display (e.g., "3 minutes ago", "1 hour ago")
- Internationalization support with formatting and timezone configuration
Notification Center Component:
- Remote data loading capabilities
- Flexible positioning options
- Customizable dimensions (width & height)
- Enhanced interaction with custom triggers
- Multiple slot support for greater customization flexibility
📦 如何升级 / How to Upgrade
NPM
npm install view-shadcn-ui@2025.1.3
Yarn
yarn add view-shadcn-ui@2025.1.3
PNPM
pnpm add view-shadcn-ui@2025.1.3
🙏 致谢 / Acknowledgments
感谢所有为本次版本贡献代码和建议的开发者们!特别感谢 @qianmoQ 在本次版本中的大量贡献。
Thanks to all developers who contributed code and suggestions for this release! Special thanks to @qianmoQ for the significant contributions in this version.
📢 反馈与支持 / Feedback & Support
如果您在使用过程中遇到任何问题或有改进建议,欢迎:
- 在 GitHub 上提交 Issue
- 加入我们的社区讨论
- 访问官方文档获取详细使用指南
If you encounter any issues or have suggestions for improvement, feel free to:
- Submit issues on GitHub
- Join our community discussions
- Visit our official documentation for detailed usage guides
View Shadcn UI 团队
2025年5月27日
2025.1.2
🎉 View Shadcn UI v2025.1.2 发布公告:全新跑马灯组件与多项优化更新
亲爱的开发者们:
我们很高兴地宣布 View Shadcn UI 2025.1.2 版本正式发布!本次更新带来了全新的跑马灯组件,并对多个现有组件进行了功能增强和问题修复。
🚀 重要链接
- GitHub 仓库:https://github.com/devlive-community/view-shadcn-ui
- 官方文档:https://view-shadcn-ui.devlive.org/
- 在线演练场:https://playground.view-shadcn-ui.devlive.org/
📦 新版本亮点
🎪 全新跑马灯组件
- 灵活的滚动控制:
- 支持自定义滚动速度
- 鼠标悬停暂停功能
- 可配置重复次数
- 简单易用的基础功能
- 流畅的动画效果
⌨️ 代码编辑器增强
- 多端点提示数据获取支持
- 优化自动提示词缓冲配置
- 新增提示服务访问限制
- 修复提示选择后的数据同步问题
✨ 现有组件优化
-
复选框:
- 新增半选状态支持
- 支持全选模式
-
功能修复:
- 修复开关组件自定义文本溢出问题
- 修复链接组件自动拉伸问题
- 优化树组件懒加载节点的展开逻辑
🔜 后续规划
我们将继续专注于提升组件的易用性和性能,同时计划推出更多实用组件。欢迎社区参与贡献和提供反馈!
🤝 参与贡献
如果您在使用过程中遇到问题或有新的想法,欢迎:
- 提交 Issue:https://github.com/devlive-community/view-shadcn-ui/issues
- 贡献代码:https://github.com/devlive-community/view-shadcn-ui/pulls
感谢所有为这个版本贡献代码和反馈的开发者们!
2025.1.1
🎉 View Shadcn UI v2025.1.1 发布公告:强大的数据表格组件震撼来袭!
亲爱的开发者们:
我们很高兴地宣布 View Shadcn UI v2025.1.1 版本正式发布!本次更新的重点是全新的数据表格组件,它具备了企业级应用所需的众多特性,同时我们也修复了一些已知问题。
🚀 重要链接
- GitHub 仓库:https://github.com/devlive-community/view-shadcn-ui
- 官方文档:https://view-shadcn-ui.devlive.org/
- 在线演练场:https://playground.view-shadcn-ui.devlive.org/
📦 新版本亮点
📊 全新数据表格组件
这是一个功能丰富的企业级表格组件,具备以下特性:
核心功能
- 支持同步和异步分页
- 灵活的列排序功能
- 行选择(单选/多选)功能
- 单元格编辑能力
- 自定义右键菜单
交互增强
- 拖拽调整列宽
- 支持列位置移动
- 单元格点击事件
- 内容自动省略和提示
- 自定义列宽设置
使用体验
- 支持表格尺寸配置
- 可设置表格宽度和高度
- 加载状态展示
- 空数据提示
- 完整的单元格提示
高级特性
- 自定义单元格编辑器
- 自定义右键菜单内容
- 独立的提示 hook 封装
🐛 问题修复
- 修复按钮组件圆形显示混乱的问题
- 修复输入框未设置 name 字段导致的控制台警告
- 修复数字输入框在表单验证时的问题
- 修复表格编辑状态下的行选择问题
- 修复表格行多选状态同步问题
- 优化表格外部点击取消选择的逻辑
🔜 后续规划
我们将持续优化数据表格组件的性能和功能,并计划添加更多企业级应用常用的特性。同时,我们也在积极开发其他新组件,敬请期待!
🤝 参与贡献
如果您在使用过程中遇到问题或有新的想法,欢迎:
- 提交 Issue:https://github.com/devlive-community/view-shadcn-ui/issues
- 贡献代码:https://github.com/devlive-community/view-shadcn-ui/pulls
特别感谢所有为这个版本贡献代码和反馈的开发者们!
2025.1.0
🎉 View Shadcn UI 2025.1.0 发布:新年新气象,多个重磅组件来袭!
亲爱的开发者们:
我们很高兴地宣布 View Shadcn UI 2025.1.0
版本正式发布!本次更新带来了图片查看器、提及(@)组件等重磅新功能,同时对多个现有组件进行了全面优化和改进。
🚀 重要链接
- GitHub 仓库:https://github.com/devlive-community/view-shadcn-ui
- 官方文档:https://view-shadcn-ui.devlive.org/
- 在线演练场:https://playground.view-shadcn-ui.devlive.org/
📦 新版本亮点
🖼️ 全新图片组件
- 支持图片预览和图片组
- 强大的预览功能:
- 支持键盘快捷键操作
- 图片缩放、旋转和还原
- 流畅的切换动画效果
- 支持自定义加载方式和失败处理
- 支持图片组 hover 动态效果
- 灵活的边框配置选项
📝 提及(@)组件
- 完整的提及功能实现:
- 支持自定义提及符号
- 键盘快捷键操作
- 展开/关闭动画效果
- 丰富的配置选项:
- 支持异步数据加载
- 最大提及数量限制
- 多种尺寸选择
- 禁用特定提及项
- 表单集成支持
- 自定义插槽支持
- 横向滚动效果优化
🎠 轮播组件增强
- 支持自动播放配置
- 可自定义轮播方向
- 灵活的高度设置
- 支持上下插槽
- 可配置指示器
💅 现有组件优化
- 选项卡组件:
- 新增线型样式
- 支持内容过多时滑动
- 优化关闭按钮样式
- 骨架屏:支持自定义尺寸
- 选择器:新增加载状态配置
- 树组件:
- 支持节点选中状态
- 修复 v-model 数据渲染问题
- 代码编辑器:
- 优化搜索面板位置
- 支持焦点事件处理
- 修复多编辑器共存问题
🐛 问题修复
- 修复多个组件在 flex 布局下的显示异常
- 修复头像和按钮组件的变形问题
- 修复输入框前缀/后缀影响占位符位置的问题
- 修复切换组件返回值类型问题
- 优化代码编辑器清理机制
📚 文档升级
- 全面重构文档结构
- 优化使用指南
- 改进组件示例
- 更新工具函数文档
🔜 后续规划
我们将继续完善组件库功能,提升开发体验,欢迎社区参与贡献和提供反馈。
🤝 参与贡献
如果您在使用过程中遇到问题或有新的想法,欢迎:
- 提交 Issue:https://github.com/devlive-community/view-shadcn-ui/issues
- 贡献代码:https://github.com/devlive-community/view-shadcn-ui/pulls
特别感谢所有为这个版本贡献代码和反馈的开发者们!
2024.5.4
2024.5.4 (2024-12-30)
Core
- fix: fix ci scope causing publishing failure
Contribution
- feat: support tooltip
- feat: support showLegend
- feat: support showWeek
- feat: support showMonth
- feat: support cellSize and cellGap
- feat: support year
- feat: support custom cell
Code Editor
- refactor: refactor code editor to use monaco editor
- feat: support auto completion
- feat: support context menu
- feat: support search
- feat: support caseSensitive for search
- feat: support replace and replaceAll for search
- feat: support matchWholeWord for search
- feat: support regex for search
- feat: support search history search
- feat: support search preview search
2024.5.3
2024.5.3 (2024-12-23)
Core
- add component documentation generation script
- add publish ci
QrCode
- feat: support padding and rounded
- feat: support margin
- feat: support img slot
Workflow
- fix: repair data does not return data
Logger
- feat: support custom patterns
Number
- fix: fix the maximum and minimum value out of bounds
Time Picker
- feat: support formatter and parser
- feat: support disabled and clearable
- feat: support quick times
- feat: support format
Color Picker
- support disabled and readonly
- support presetColors
- support transparency
- support hsl
- support showPanel, showDropper, showTransparency, showFormat
Date Picker
- feat: support disabled and readonly
- feat: support format
- feat: support clearable
- feat: support show shortcuts
- feat: support previous and next year
- feat: support highlighting today
- feat: support range
Cron
- feat: support cron
2024.5.2
✨ Features
- i18n: support responsive language switching
- i18n: support for dynamic languages
- utility: add uuid utility
- workflow: support workflow
- input-tag: support input tag
- map support map
- loading-bar support loading bar
- float-button support float button
- data-filter support data filter
2024.5.1
✨ Features
- logger: support case sensitive (c736d50)
- logger: support height (1fa5af1)
- logger: support logger (0f241ba)
- logger: support slot (0e641a1)
- logger: support toolbar (0846055)
- logger: support toolbar for search (9d0170b)
- scrollbar: support custom scrollbar (d844516)
- scrollbar: support scrollbar (aef72d4)
- count-down: add
on-complete
event (d829d77) - count-down: add some slots (6cd514c)
- count-down: support count-down (cc2157a)
- count-down: support progress (d0b3920)
- count-down: support simple mode (da3e85f)
- count-down: support title and toolbar (88bb8d9)
- count-down: support warningThreshold (ef86ffc)
- empty: support empty (11876af)
- backtop: support backtop (81c96e5)
- workflow: add connection line verification (7c28082)
- workflow: add i18n (769c4f8)
- workflow: add simple data report (fe31043)
- workflow: add uniq id to node (1875479)
- workflow: add validation report for data (c2c064d)
- workflow: adding validation visuals (03a1477)
- workflow: split components (86ccb65)
- workflow: support background grid (00d62ee)
- workflow: support basic workflow (a03f9b4)
- workflow: support node validated (09629eb)
- workflow: support panel slots (126bc03)
- workflow: support remove connection (a8c1091)
- workflow: support remove node (7f48af6)
- workflow: support v-model (5b6c70f)
- workflow: support workflow edit (86f1c4c)
- workflow: support workflow view (647661b)
- workflow: update connection line status (c5d4886)
2024.5.0
🐛 Bug Fixes
- core: fix ci (5daea84)
- button: fix slot (d7f795c)
- button: fix the missing content in loading status (ba29ece)
- button: fixed the icon abnormality caused by setting the size in the loading state (6d4bd4f)
- toggle: fixed click events not being blocked correctly (fa13012)
✨ Features
- data builder: fit all field (e25d9e9)
- data builder: support bigscreen (17acd5f)
- data builder: support editor (3d17865)
- data builder: support ruler (ab5218d)
- data builder: supports starting position 0 (2842f2b)
- data builder: adapter basic configure component (96dccfc)
- data builder: adapter component configuration (d9a2ebb)
- data builder: fixed component being able to go outside the canvas (927d099)
- data builder: support canvas center (d4fdd35)
- data builder: support canvas style (8069f57)
- data builder: support clicking on the canvas to deselect components (e4e561f)
- data builder: support component remove (9e5f4c9)
- data builder: support component resize (1370271)
- data builder: support component slot (c8789d2)
- data builder: support editor (61930df)
- data builder: support guideline (6c03c63)
- data builder: support panel label slot (63d0644)
- data builder: support show toolbar (bc27bc2)
- data builder: support view (307ec7e)
- data builder: support width and height (627d582)
- upload: support upload (65720c2)
- core: replace
npm
topnpm
(e8ba631) - core: support i18n (371932c)
2024.4.0
2024.4.0 (2024-11-17)
🐛 Bug Fixes
- input: fixed textarea border (588b8dd)
- tree: fix the abnormal hover and selected styles in lazy loading (b6610f1)
✨ Features
- contextmenu: support contextmenu (2f1620e)
- contextmenu: support custom position (59a9b1c)
- contextmenu: support item disabled (13f0029)
- contextmenu: support sub contextmenu (5bc2533)
- select: support lazy options (4bb4761)
- spin: optimize background layer
- tabs: support label slot for tab item (41d4279)
- tabs: support on-click event for tab item (d191501)
- collapse: support title for item (0f0e99d)
- form: support dynamic form (bfd3997)
- hover card: fixed code (d22408c)
- hover card: support hover card (712549a)
- hover card: support title and footer slots (66f5b35)
- toggle: add image example (65703a8)
- toggle: support disabled (b151771)
- toggle: support group (5b7bda1)
- toggle: support group multiple mode (ae09b8c)
- toggle: support size (0efec03)
- toggle: support toggle (f732b08)
- switch: support true-value and false-value(036b7b3)