登录社区云，与社区用户共同成长
邀请您加入社区
近期，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文档。
ThemeData是自定义主题数据格式，用户可以通过data属性，传入覆盖的全局CSS 变量， 通过css属性，传入有效的 CSS 规则块。/** 主题的ID */ id?: string /** 主题的名称 */ name?: string /** 主题的中文名称 */ cnName?* 需要追加的全局css变量的对象* 比如：{ 'tv-base-color-brand' : '#1476ff
换句话说，随着树表的展开和折叠，表格的总行数会发生变化，因此需要动态调整对应首列的跨行合并数，以确保表格布局不发生错位。经过分析，我们发现在进行单元格合并时，合并组中的起始单元格会占据对应的行数，而其余单元格则需要被移除，以保证表格的结构不会出现错位。当展开“山东”时，会显示下级的“青岛”和“淄博”，此时“华东”的跨行合并数应该加上这2个新出现的表格行，变为4，才能确保表格布局恢复正常。同理，当继
本文由体验技术团队Kagol原创。自从 TinyVue 组件库去年开源以来，一直有小伙伴反馈我们的 UI 不够美观，风格陈旧，不太满足现阶段审美。“TinyVue 给我的感觉就是一个没啥审美能力、但是很努力的老程序员开发的”看到这个评价，我是哭笑不得，一方面对小伙伴们真诚、友好的反馈充满感激，另一方面也为我们没有做好 UI 感到惭愧。
DatePicker 组件是一款功能强大的日期选择工具，支持单选、范围选择、快捷选项等多种模式。此次更新后，日期面板可以独立于组件使用，这意味着开发者可以根据实际需求，将日期面板嵌入到任何页面或功能模块中，而无需依赖完整的 DatePicker 组件。1、灵活的面板类型日期选择：默认的日期选择面板，支持单选和范围选择。日期区间选择：单独的日期区间选择面板，适合需要时间区间的场景。2、自定义样式主题
本文由体验技术团队Kagol原创。我们非常高兴地宣布，2024年10月28日，TinyVue 发布了 v3.19.0 🎉。本次版本共有16位贡献者参与开发，其中 Nowitzki41 / Simon-He95 / BWrong 是新朋友👏你可以更新进行体验！我们一起来看看都有哪些更新吧！
本文由体验技术团队Kagol原创~前两天，common-intellisense 开源项目的作者 Simon-He95 在 VueConf 2024 群里发了一个重磅消息：common-intellisense 支持 TinyVue 组件库啦！common-intellisense 插件能够提供超级强大的智能提示功能，包含属性(props)、事件(events)、插槽(slots)以及对应的注释和
