Skip to content

Releases: devlive-community/view-shadcn-ui

2025.1.3

27 May 04:15
f19f8c1
Compare
Choose a tag to compare

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

✨ 本次更新亮点 / 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

21 Jan 07:42
816f253
Compare
Choose a tag to compare

🎉 View Shadcn UI v2025.1.2 发布公告:全新跑马灯组件与多项优化更新


亲爱的开发者们:


我们很高兴地宣布 View Shadcn UI 2025.1.2 版本正式发布!本次更新带来了全新的跑马灯组件,并对多个现有组件进行了功能增强和问题修复。

🚀 重要链接

📦 新版本亮点

🎪 全新跑马灯组件

  • 灵活的滚动控制:
    • 支持自定义滚动速度
    • 鼠标悬停暂停功能
    • 可配置重复次数
  • 简单易用的基础功能
  • 流畅的动画效果

⌨️ 代码编辑器增强

  • 多端点提示数据获取支持
  • 优化自动提示词缓冲配置
  • 新增提示服务访问限制
  • 修复提示选择后的数据同步问题

✨ 现有组件优化

  • 复选框:

    • 新增半选状态支持
    • 支持全选模式
  • 功能修复:

    • 修复开关组件自定义文本溢出问题
    • 修复链接组件自动拉伸问题
    • 优化树组件懒加载节点的展开逻辑

🔜 后续规划

我们将继续专注于提升组件的易用性和性能,同时计划推出更多实用组件。欢迎社区参与贡献和提供反馈!

🤝 参与贡献

如果您在使用过程中遇到问题或有新的想法,欢迎:

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

2025.1.1

15 Jan 05:28
c7b7ee9
Compare
Choose a tag to compare

🎉 View Shadcn UI v2025.1.1 发布公告:强大的数据表格组件震撼来袭!

亲爱的开发者们:

我们很高兴地宣布 View Shadcn UI v2025.1.1 版本正式发布!本次更新的重点是全新的数据表格组件,它具备了企业级应用所需的众多特性,同时我们也修复了一些已知问题。

🚀 重要链接

📦 新版本亮点

📊 全新数据表格组件


这是一个功能丰富的企业级表格组件,具备以下特性:


核心功能

  • 支持同步和异步分页
  • 灵活的列排序功能
  • 行选择(单选/多选)功能
  • 单元格编辑能力
  • 自定义右键菜单

交互增强

  • 拖拽调整列宽
  • 支持列位置移动
  • 单元格点击事件
  • 内容自动省略和提示
  • 自定义列宽设置

使用体验

  • 支持表格尺寸配置
  • 可设置表格宽度和高度
  • 加载状态展示
  • 空数据提示
  • 完整的单元格提示

高级特性

  • 自定义单元格编辑器
  • 自定义右键菜单内容
  • 独立的提示 hook 封装

🐛 问题修复

  • 修复按钮组件圆形显示混乱的问题
  • 修复输入框未设置 name 字段导致的控制台警告
  • 修复数字输入框在表单验证时的问题
  • 修复表格编辑状态下的行选择问题
  • 修复表格行多选状态同步问题
  • 优化表格外部点击取消选择的逻辑

🔜 后续规划

我们将持续优化数据表格组件的性能和功能,并计划添加更多企业级应用常用的特性。同时,我们也在积极开发其他新组件,敬请期待!

🤝 参与贡献

如果您在使用过程中遇到问题或有新的想法,欢迎:

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

2025.1.0

11 Jan 15:27
5627635
Compare
Choose a tag to compare

🎉 View Shadcn UI 2025.1.0 发布:新年新气象,多个重磅组件来袭!

亲爱的开发者们:

我们很高兴地宣布 View Shadcn UI 2025.1.0 版本正式发布!本次更新带来了图片查看器、提及(@)组件等重磅新功能,同时对多个现有组件进行了全面优化和改进。

🚀 重要链接

📦 新版本亮点

🖼️ 全新图片组件

  • 支持图片预览和图片组
  • 强大的预览功能:
    • 支持键盘快捷键操作
    • 图片缩放、旋转和还原
    • 流畅的切换动画效果
  • 支持自定义加载方式和失败处理
  • 支持图片组 hover 动态效果
  • 灵活的边框配置选项

📝 提及(@)组件

  • 完整的提及功能实现:
    • 支持自定义提及符号
    • 键盘快捷键操作
    • 展开/关闭动画效果
  • 丰富的配置选项:
    • 支持异步数据加载
    • 最大提及数量限制
    • 多种尺寸选择
    • 禁用特定提及项
  • 表单集成支持
  • 自定义插槽支持
  • 横向滚动效果优化

🎠 轮播组件增强

  • 支持自动播放配置
  • 可自定义轮播方向
  • 灵活的高度设置
  • 支持上下插槽
  • 可配置指示器

💅 现有组件优化

  • 选项卡组件:
    • 新增线型样式
    • 支持内容过多时滑动
    • 优化关闭按钮样式
  • 骨架屏:支持自定义尺寸
  • 选择器:新增加载状态配置
  • 树组件:
    • 支持节点选中状态
    • 修复 v-model 数据渲染问题
  • 代码编辑器:
    • 优化搜索面板位置
    • 支持焦点事件处理
    • 修复多编辑器共存问题

🐛 问题修复

  • 修复多个组件在 flex 布局下的显示异常
  • 修复头像和按钮组件的变形问题
  • 修复输入框前缀/后缀影响占位符位置的问题
  • 修复切换组件返回值类型问题
  • 优化代码编辑器清理机制

📚 文档升级

  • 全面重构文档结构
  • 优化使用指南
  • 改进组件示例
  • 更新工具函数文档

🔜 后续规划

我们将继续完善组件库功能,提升开发体验,欢迎社区参与贡献和提供反馈。

🤝 参与贡献

如果您在使用过程中遇到问题或有新的想法,欢迎:

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

2024.5.4

30 Dec 16:40
316de28
Compare
Choose a tag to compare

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

23 Dec 05:13
9c2210a
Compare
Choose a tag to compare

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

15 Dec 15:26
466bb3c
Compare
Choose a tag to compare

✨ 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

09 Dec 02:16
3414125
Compare
Choose a tag to compare

✨ 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

03 Dec 04:30
ade3c1f
Compare
Choose a tag to compare

🐛 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 to pnpm (e8ba631)
  • core: support i18n (371932c)

2024.4.0

17 Nov 16:34
9ceada0
Compare
Choose a tag to compare

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)