登录社区云，与社区用户共同成长
邀请您加入社区
近期，TinyVue正式发布 v3.27.0版本，这次版本更新也增加了很多新特性，space组件就是其中比较重要的一个特性。Space组件是组件库中的一个布局容器组件，用于在子元素之间提供灵活的间距控制。它支持水平与垂直方向排列、自动换行、对齐与分布控制、以及顺序调整等功能，能帮助开发者轻松实现响应式、整齐的组件布局。场景推荐配置表单项垂直间距按钮组可换行标签集合。
首先，我们提供了一个用Vue3搭建的商品列表管理的单页面应用，它使用 TinyVue 组件库中的Select、Grid等组件。该商品管理应用默认会显示商品管理的表格，并且已经实现了条件查询商品，添加、删除商品和保存商品等功能。但此应用目前不支持 AI 大模型的操作，比如打开智能助手，发送的信息不会正确执行。对接 TinyVue Next 智能框架的相关包，给 Select、Grid等组件添加业务描
我们这项技术是基于标准的 MCP 协议实现的，因此在分享这项技术之前有必要先简单介绍下 MCP 的概念。MCP 全称是模型上下文协议（Model Context Protocol），它定义了大语言模型与外部世界的交互方式，让大模型能够轻松地获取外部数据或调用外部工具。图片来源于网络MCP Host宿主：它是 MCP Client 的运行时环境，负责协调用户、大模型与外部资源之间的交互。
通过体验基于标准 MCP 协议的 Web 智能组件库——TinyVue，开发者可以了解 AI 智能体控制 TinyVue 智能组件的各类行为。本次实验主要是在 TinyVue 官网上，开发者能够通过 AI 对话框，以语音或文字方式与网站组件进行互动，并且还能借助 VSCode Copilot、Cursor 等 IDE 工具，Dify、Coze 等智能体平台来操作这些组件。通过 AI 对话框操作组件
本文由体验技术团队Kagol原创。我们非常高兴地宣布，2025年5月15日，TinyVue 发布了 v3.23.0 🎉。详细的 Release Notes 请参考：https://github.com/opentiny/tiny-vue/releases/tag/v3.23.0本次版本共有 13 位贡献者参与开发，其中 sakurajiajia / 552847957 是新朋友，欢迎新朋友的加入
当需要使用设计师提供的SVG图标时，插件允许我们快速的自定义图标，比如在上面配置的节点中增加如下配置，就可以通过来显示一个图标了。custom: {/* ...其它自定义图标... */},详细用法可参考UnoCSS文档。
我们非常高兴地宣布，2025年4月7日，TinyVue发布了v3.22.0🎉。详细的 Release Notes 请参考：https://github.com/opentiny/tiny-vue/releases/tag/v3.22.0本次版本共有 18 位贡献者参与开发，其中hashiqi12138/hu-qi/tsinghua-lauDarkingtail/lcy0620/discreted
DatePicker 组件是一款功能强大的日期选择工具，支持单选、范围选择、快捷选项等多种模式。此次更新后，日期面板可以独立于组件使用，这意味着开发者可以根据实际需求，将日期面板嵌入到任何页面或功能模块中，而无需依赖完整的 DatePicker 组件。1、灵活的面板类型日期选择：默认的日期选择面板，支持单选和范围选择。日期区间选择：单独的日期区间选择面板，适合需要时间区间的场景。2、自定义样式主题
近日，@opentiny/unplugin-tiny-vue 发布了其重要的1.0.0版本更新，此次更新带来了全新的单组件包引入模式，显著提升了开发者的本地编译效率以及整个项目的构建速度。在之前的版本中，开发者需要一次性加载整个TinyVue 库，这个不仅增加了初始时间，也使得项目构建过程变得相对缓慢。然而，随着新版本的发布，这一问题得到了有效的解决。通过引入单组件包模式，开发者现在可以根据实际需
ThemeData是自定义主题数据格式，用户可以通过data属性，传入覆盖的全局CSS 变量， 通过css属性，传入有效的 CSS 规则块。/** 主题的ID */ id?: string /** 主题的名称 */ name?: string /** 主题的中文名称 */ cnName?* 需要追加的全局css变量的对象* 比如：{ 'tv-base-color-brand' : '#1476ff
