🎉 版本信息 / 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: 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 if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } Yarn yarn add view-shadcn-ui@2025.1.3 if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } PNPM pnpm add view-shadcn-ui@2025.1.3 if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); } 🙏 致谢 / 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日

View Shadcn UI v2025.1.3 正式发布 - 新增IP输入框组件与多项功能增强

qianmoQ

🎉 版本信息 / 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: 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日