view-shadcn-ui 发行版

2025-05-27 12:33

# 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
```bash
npm install view-shadcn-ui@2025.1.3
```

### Yarn
```bash
yarn add view-shadcn-ui@2025.1.3
```

### PNPM
```bash
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日**

最后提交信息为： !16 新版本(发布): 2025.1.3

2025.1.2

1a844e5

2025-01-21 15:37

2025.1.2

最后提交信息为： !15 新版本(发布): 2025.1.2

2025.1.1

e0a16ec

2025-01-15 13:42

2025.1.1

最后提交信息为： !9 新版本(发布): 2025.1.1

2025.1.0

5005e7b

2025-01-11 23:40

2025.1.0

# 🎉 View Shadcn UI 2025.1.0 发布：新年新气象，多个重磅组件来袭！

<br />

亲爱的开发者们：

我们很高兴地宣布 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

特别感谢所有为这个版本贡献代码和反馈的开发者们！

最后提交信息为： !6 新版本(发布): 2025.1.0

devlive-community/view-shadcn-ui .gitee-modal { width: 500px !important; }

搜索帮助

devlive-community/view-shadcn-ui