更新记录

3.2.1(2025-06-27)

  • 修改文档

3.2.0(2025-06-27)

  • 底层优化
    • 深入分析并优化了UTS代码的编译,减少了部分不必要的文件生成,进一步加快了构建流程。
  • 核心组件重构
    • t-table 进行了架构层面的深度重构,拆分了渲染引擎与数据管理层,解决了历史遗留的性能瓶颈,特别是在大数据量(万级条目)排序、筛选、虚拟滚动等场景下,性能提升显著。
    • 重构过程中,统一了内部事件触发与监听机制,提高了组件的稳定性和可维护性。
  • 功能模块新增
    • 全新引入 权限管理模块,提供基于角色、基于资源的灵活权限控制能力。支持细粒度的组件禁用、方法拦截等,并配套提供了清晰的配置接口与示例。
  • 架构调整
    • 将全局字体注册逻辑统一迁移至 main.uts 文件,实现了字体资源的集中管理与按需加载,避免了潜在的样式冲突,并为后续国际化字体支持打下基础。
  • Bug修复集合
    • 修复了 t-button 在特定长按手势下偶发的重复触发事件问题。
    • 解决了 t-dialog 在快速连续弹出/关闭时,背景遮罩层闪烁的视觉 Bug。
    • 修正了 t-switch 在极端尺寸设置下,内部图标显示不全的兼容性问题。
    • 修复了 t-picker 在部分安卓机型上,选择列表滚动不流畅的体验问题。
    • 解决了 t-list 使用 v-for 渲染包含复杂子组件时,列表回收复用导致的数据状态异常问题。
    • 修复了 t-calendar 在特定日期范围选择模式下,键盘弹出时遮挡操作按钮的布局问题。
    • 解决了部分组件在特定网络环境下,资源加载超时后未正确重试或提示的 Bug。
  • 交互体验微调
    • 优化了 t-modalt-dialog 等弹出组件的出场动画曲线,使其过渡更加自然平滑。
    • 调整了 t-tabs 切换时的指示器动画,减少了视觉上的跳跃感。
    • 细化了 t-loading 组件的旋转动画效果,提升视觉体验。
  • 性能监控与优化
    • 集成了轻量级性能监控点,用于追踪关键组件(如 t-table, t-list)的渲染耗时,为后续持续优化提供数据支持。
    • 对部分高频使用的组件(如 t-icon, t-image)进行了资源加载优化,减少不必要的网络请求和内存占用。
  • 文档与示例完善
    • 为新引入的权限管理模块编写了详细的使用文档、配置说明及多场景示例代码。
    • 全面更新了 t-table 重构后的 API 文档,补充了新特性说明和最佳实践。
    • 为本次更新涉及的各个 Bug 修复点,在文档中增加了对应的注意事项或解决方案说明。
    • 丰富了项目示例库,新增了结合权限模块的复杂业务场景演示。
  • 兼容性增强
    • 针对主流安卓 ROM(如 ColorOS, EMUI, MIUI)的特定版本进行了专项兼容性测试与调整,确保组件在各种环境下表现一致。
    • 验证了插件在最新版 HBuilderX 及主流浏览器(Chrome, Safari)下的兼容性。
  • 资源优化
    • 清理并优化了部分静态资源(如图标、图片),替换为更轻量级的实现方式,减少插件包体积。
    • 对 UTS Java 代码进行了深度压缩与混淆,减少运行时内存占用。
  • 内部清理
    • 清理了代码库中废弃的代码分支、未使用的变量和函数、冗余的调试日志输出。
    • 统一了代码风格,修正了部分格式不一致的问题,提高了代码可读性。
    • 优化了部分组件的默认样式,使其与整体设计风格更加统一,减少用户自定义样式冲突的可能性。

3.1.4(2025-06-11)

  • 修改为3.0文档链接
查看更多

平台兼容性

uni-app x(4.66)

Chrome Safari Android iOS 鸿蒙 微信小程序

其他

多语言 暗黑模式 宽屏模式

介绍

logo

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框架正式发布

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

  • ext API:扩展接口,轻松集成更多功能
  • uni.login 微信登录:一键登录,简化用户认证流程
  • uni.share 微信分享:快速分享内容到微信朋友圈或好友
  • 原生相机组件:直接调用设备相机,实现拍照功能
  • 原生扫码组件:轻松实现二维码/条形码扫描功能

购买用户,享受更多特权

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

立即行动,抓住机会

  1. 开始使用TuiPlus https://life.yundie.xyz/tuiplus/docs/index.html

    TuiPlus文档地址:https://life.yundie.xyz/tuiplus/docs/index.html

功能特性快速了解

TuiPlus下载体验

web在线体验

Image

安卓下载链接

Image

xCharts图表体验

WEB

Image

安卓扫码下载

Image

友情推荐 xChartsxCharts

XCharts:为 uniappx 量身定制的纯 UTS 图表引擎

⭐ 重磅革新:单 Canvas 绘制多图表,性能飞跃 ⭐

最新版本 Tui-xCharts 带来了革命性的功能:一个 Canvas 画布即可绘制多个图表!这一特性极大地减少了页面中 DOM 节点的数量,有效缓解了因图表过多导致的性能压力,特别是在构建复杂仪表盘或数据可视化页面时,性能优势尤为显著。


核心特点与优势

  • 纯 UTS 编写,性能卓越: XCharts 完全基于 UTS 语言构建,能够充分利用 uniappx 的底层能力,确保图表渲染和交互的执行效率,带来流畅的用户体验。

  • Canvas 直接绘制,告别 Webview 瓶颈: 舍弃了传统的 Webview 套壳方式,直接在 Canvas 画布上进行绘制。这不仅避免了 Webview 带来的额外性能开销,还能显著提升图表的渲染速度和动画流畅度。

  • 极致轻量,优化包体: 由于无需加载和运行 Webview 相关的代码和资源,XCharts 大幅减少了应用的包体积,加快了应用的加载速度,尤其适合对体积敏感的场景。


总结

XCharts 是 uniappx 开发者进行数据可视化的理想选择。它凭借纯 UTS 编写带来的高性能、Canvas 直接绘制实现的流畅体验、轻量化的包体优势,以及创新性的单 Canvas 多图表能力,能够帮助开发者轻松构建出高性能、低资源消耗的精美图表,提升应用的整体表现力。

感谢

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

详细使用示例请到(dcloud插件市场下载

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

功能特性快速了解

xCharts图表扫码体验

WEB

Image

安卓扫码下载

Image

TuiPlus扫码下载体验

web在线体验

Image

安卓下载链接

Image

Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image Image

xCharts图表扫码体验

WEB

Image

安卓扫码下载

Image

TuiPlus扫码下载体验

web在线体验

Image

安卓下载链接

Image

项目声明

版权声明: 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. 导入项目示例 Image Image

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

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

常见错误及处理方法

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

错误 1:导入项目失败

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

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

Image

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

Image

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

Image

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

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

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问