更新记录

3.1.2（2025-06-06）

• 更新试用指南

3.1.1（2025-06-06）

• 更新项目示例

3.1.0（2025-06-06）

• 安卓试用测试

平台兼容性

uni-app x(4.66)

其他

介绍

TuiPlus 3.0

TuiPlus升级重构版，模块化设计增强,代码结构优化

多款组件采用canvas绘制加上原生Uts原生编译加持，保障流畅体验，助力快速开发，打造优质原生应用

💪 项目介绍

TuiPlus-v3：更适配、更灵活、更强大的跨端 UI 组件库

TuiPlus-v3 是我们对 UI 组件库的一次全面革新，旨在解决上一代版本在多端适配、数据绑定和样式控制上的痛点，为您带来更流畅、更高效的前端开发体验。

核心升级亮点

1. 全面适配，告别多端烦恼： 我们重构了渲染机制，采用模板语法替代 2.0 的 render 函数，完美兼容小程序等各端平台。同时，针对各端 CSS 差异进行了统一处理，并规范了事件冒泡机制，让您的代码在多端表现一致，开发更省心。

2. 数据驱动，告别结构束缚： 3.0 深刻理解后端数据结构的多样性。我们重构了所有依赖数据的组件，例如标签导航 <t-tabs>。现在，您不再需要将后端数据强制转换成特定数组格式，而是可以直接使用 v-for 在模板中遍历数据，动态生成组件。这种组件化的数据绑定方式，极大提升了灵活性，轻松适应任何后端返回的数据结构，减少了 UTS 中复杂的数据转换操作。

   • 旧方式示例： <t-tabs :list="[]"></t-tabs>需要对后端数据进行类型转换
   • 新方式示例：

     <t-tabs>
     <t-tabs-item v-for="(item, index) in list" :key="index" :label="item['label']"> </t-tabs-item>
     </t-tabs>

3. AutoStyle，告别样式臃肿： 我们引入了简洁的 AutoStyle 简写形式来控制组件样式，彻底告别了通过大量 props 属性配置样式的繁琐。这不仅让组件 API 更加清晰，也避免了组件实例的属性膨胀，使代码更加简洁易读。

4. 架构优化，代码更优雅： 3.0 对整体结构进行了深度重构，设计更加合理，代码逻辑更加清晰简洁，不仅提升了性能，也使得组件库更易于维护和扩展。

5. 功能增强，内置实用工具： TuiPlus-v3 新增了对多个常用第三方库的 UTS 翻译，包括 RSA 非对称加密、Canvas 图表、二维码生成、Crypto 加密、日期处理、颜色转换等实用工具。都是纯UTS翻译，无需安装任何第三方依赖，为您打造了一个真正轻量级、无需依赖的插件库。

6. 示例项目介绍：

   • TuiPlus-v3 示例项目，是支付宝云端一体真实项目实战。采用支付宝云 云函数URL化的方式前后端分离的示例项目，深入探索支付宝云扩展存储与云Redis等应用，示例使用数据为真实接口，现已初步实现用户权限管理，和组件管理，相当于是TuiPlus组件的管理系统 可供大家参考学习实战
   • TuiPlus-v3 已经历多次重构，探索出最适合UTS UVUE最佳开发方式，并已上线多款应用。会员朋友们注意啦：联系作者，可免费获取海量 TuiPlus 实战代码，加速你的学习进程！

7. 关于作者： 大家好！我是 TuiPlus 的作者。自 UTS UVUE 发布伊始，我便持续关注并投入学习，对 UTS 框架进行了深入的探索与实践。期间，我完成了多个复杂插件的翻译工作，体验了UTS推出的各项功能，积累了相对成熟的开发经验。 衷心感谢所有支持我的朋友们，你们的反馈是我前进的动力。我非常欢迎大家在 uni-app 社群（uni-im）中与我交流，共同探讨技术，分享学习心得。 我诚恳地希望大家能对 TuiPlus 提出宝贵的意见和建议，您的指点将是我改进的重要参考。同时，也请理解，任何项目都可能存在不足。若您在使用过程中遇到问题或有任何不满，恳请您先通过 uni-im 与我联系，我会尽力沟通解决。直接给予负面评价可能会影响更多人的判断，也容易伤害到作者的心。感谢大家！

TuiPlus-v3试用指南

➤ 快速跳转到试用指南

选择 TuiPlus-v3

选择 TuiPlus-v3，意味着选择更强大的跨端能力、更灵活的数据处理方式、更简洁的样式控制以及更丰富的内置功能。 它将帮助您显著提升开发效率，构建出性能更优、体验更佳的应用。

TuiPlus-v3 UI框架正式发布

活动期间购买赠送超值礼包，助力您的开发

• UTS图表：丰富多样的图表，满足您的数据可视化需求纯UTS开发非webview套壳，无需原生依赖。
• ext API：扩展接口，轻松集成更多功能
• uni.login 微信登录：一键登录，简化用户认证流程
• uni.share 微信分享：快速分享内容到微信朋友圈或好友
• 原生相机组件：直接调用设备相机，实现拍照功能
• 原生扫码组件：轻松实现二维码/条形码扫描功能

购买用户，享受更多特权

• 专属技术支持：专业团队为您解答开发中的问题
• 定期更新与优化：保持框架的先进性和稳定性
• 会员专享教程和资源：更多学习资料和高级教程，助您提升技能

立即行动，抓住机会

1. 开始使用TuiPlus https://life.yundie.xyz/t-uvue-ui/docs/index.html

   TuiPlus文档地址：https://life.yundie.xyz/t-uvue-ui/docs/index.html

功能特性快速了解

TuiPlus下载体验

web在线体验

安卓下载链接

xCharts图表体验

WEB

安卓扫码下载

购买UI赠送xChartsxCharts

XCharts 介绍

XCharts 是一款基于纯 UTS 编写的 Canvas 绘制的图表库，它不是通过 Webview 套壳来实现图表功能。无需原生依赖可运行。XCharts 是对 uCharts 框架的翻译和优化，旨在为开发者提供更加流畅和高效的图表解决方案。

优势

• 纯 UTS 编写：XCharts 完全采用 UTS 编程语言，保证了图表的执行效率和性能。
• Canvas 绘制：直接在 Canvas 上绘制图表，避免了 Webview 的性能开销，使得图表更加流畅。
• 轻量级：无需依赖额外的 Webview，减少了应用的包体积，提升了加载速度。

感谢

在此，我们要特别感谢 uCharts 的作者及其开源社区。XCharts 的诞生离不开 uCharts 的启发和贡献。开源精神让我们能够站在巨人的肩膀上，创造出更加优秀的图表库。感谢 uCharts 的开源，为图表绘制领域带来了新的可能性。

文档地址：https://life.yundie.xyz/t-uvue-ui/docs/charts/

功能特性快速了解

项目声明

版权声明： TuiPlus UI组件库是由T-UVUE-UI团队开发并维护的，版权所有。所有代码和文档均受版权法保护。未经授权，不得复制、分发或修改本软件。

使用许可： TuiPlus UI组件库遵循MIT许可证。这意味着您可以自由使用、修改和分发这个库，但必须包含原始版权声明和许可声明。

贡献指南： 我们欢迎社区成员的贡献。如果您想要贡献代码或文档，请遵循我们的贡献者指南，并在提交前签署贡献者许可协议。

联系方式： 如果您在使用过程中遇到任何问题或有任何建议，欢迎通过以下方式联系我们：

• 邮箱: abctau@163.com
• 微信: abctangyuan

MIT许可证

版权所有 (abctau)

特此免费授予任何获得本软件和相关文档文件(以下简称“软件”)副本的个人权利,可以不受限制地处理本“软件”,包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或出售 “软件” 的副本的权利,并允许软件所提供给的个人行使此权利,须符合以下条件:

上述版权声明和本许可声明必须包含在 “软件” 的所有副本或主要部分中。

本“软件”是“按原样”提供的,不提供任何形式的明示或暗示保证,包括但不限于对适销性、特定用途适用性和非侵权性的保证。在任何情况下,作者或版权持有人不对任何索赔、损害或其他责任负责,无论是因使用、无法使用或与使用或其他交易 “软件” 相关的合同、侵权或其他行为而引起。

插件 [TuiPlus-v3] 试用指南

欢迎试用 [TuiPlus] 插件！本指南将引导你完成插件的导入、试用申请以及常见问题的处理。

前提条件

在开始之前，请确保你已经：

1. 安装了最新版本的 HBuilderX 开发环境。
2. 拥有一个有效的 DCloud 账号。

第一步：导入项目示例

为了快速体验插件功能，我们可以先导入一个官方提供的使用示例项目。

1. 打开 dcloud插件市场链接 TuiPlus

2. 导入项目示例

3. 重新生成自己的项目ID

4. 打开dcloud插件市场链接 TuiPlus plugins申请免费试用(试用申请绑定刚才的项目ID的项目)

   

5. 运行到web或安卓（目前官方其它端试用还未开发好,试用运行到安卓需要先自定义基座，然后运行到自定义基座。源码版直接可运行）

常见错误及处理方法

在试用过程中，可能会遇到一些错误提示，以下是一些常见情况及处理方法：

错误 1：导入项目失败

错误提示示例： 项目下载失败 / 示例项目不存在 / 解压失败 可能原因： 网络连接不稳定。 示例项目资源已被删除或更新。 HBuilderX 版本问题。 处理方法： 检查网络连接是否正常，稍后重试。 确认是否使用了正确的插件名称搜索示例。 尝试重启 HBuilderX 或更新到最新版本。 如果问题持续，联系作者。

错误 2：项目ID不合法（以下错误需要按照步骤3）重新生成自己的项目ID

错误 3：提示目录不存在(首次会报以下错，重新运行编译一次就ok了)

错误 4：web端试用版函数的类型定义无法导出（官方正在修复）

如果在试用过程中遇到以上未列出的其他问题，建议：

可直接uni-im联系插件开发者寻求技术支持。 祝您生活愉快 试用顺利！