高级组件
TechUI 的高级组件(Advanced Components)是一组具备强视觉表现力、复杂交互能力以及系统级控制特性的组件集合,主要面向大屏可视化、核心业务监控以及对用户体验有极高要求的应用场景。
与基础组件不同,高级组件在授权方式与启用策略上进行了明确区分,以保障组件库的可持续发展与高质量维护。
目前,高级组件中仅 TuiAdaptive(适配组件)为完全免费组件,其余高级组件需在取得相应授权后方可使用。TechUI 采用免费 + 授权的混合模式运营,这是项目能够长期演进、持续投入的重要基础。
除上述需授权的高级组件外,组件库中的其他所有组件均完全免费,且不设任何使用限制。启用高级组件
除了TuiAdaptive组件之外,其他的高级组件,需要通过下面的参数进行启用。
详情请参考 开始-初始化 章节。
js
const params={
app,
debug:true, //调试模式
features:{ //额外功能
echarts:true, //Echarts封装组件与Echarts主题
advanced:true, //高级组件
}
}
TechUIInit(params).then(()=>{
app.use(router)
app.use(store)
app.mount('#app')
})授权与收费模式
在引入高级组件之前,请务必了解以下的授权规则,以免在生产环境中遇到阻碍。
适配面板 (TuiAdaptive) — 完全免费
TuiAdaptive 是高级组件中唯一的例外。
- 完全免费:它不受任何授权限制,可以在任何版本的 TechUI 组件库(Prime, Admin, Base, Scifi)中免费使用。
- 无限制:它不仅免费,而且是全功能完整版,没有任何功能阉割。我们致力于让屏幕适配变得简单普及。
其他高级组件 — 需授权
除 TuiAdaptive 之外的其他高级组件(如 PanicAlert, T3DPanel, Bar3D, Pie3D 等),均属于受控组件。
- 授权限制:在非 Prime 版本的组件库中,这些组件默认是关闭状态,需要修改初始化的配置参数进行开启。
- 获取方式:取得授权之前可以进行测试和试用。
组件库差异与默认策略
TechUI 根据不同的业务需求提供了多个版本的组件库(Prime, Admin, Base, Scifi)。高级组件在这些库中的表现行为有所不同:
Prime 组件库 (付费版)
Prime 是 TechUI 的旗舰付费版本。
- 默认开启:在 Prime 版本中,所有高级组件默认均为开启状态。
- 无需额外配置:您无需手动引入授权码或配置开关,安装即用,享受完整的 TechUI 高级特性。
其他组件库 (Admin / Base / Scifi)
在这些免费或基础版本的组件库中:
- 默认关闭:除
TuiAdaptive外,其他高级组件默认处于未激活状态。 - 需鉴权开启:如需在这些版本中使用高级组件(例如在 Admin 版本中使用 3D 饼图),您需要在全局配置许可证,并手动开启对应的组件模块。
版本策略对比表
| 特性 | Prime 组件库 | 其他组件库 (Admin/Base/Scifi) |
|---|---|---|
| 库性质 | 闭源 / 付费 | 闭源 / 免费 |
| TuiAdaptive | ✅ 默认开启 (免费) | ✅ 默认开启 (免费) |
| 其他高级组件 | ✅ 默认开启 (包含在内) | 🔒 默认关闭 (需额外授权) |
组件列表
当前版本包含以下高级组件:
- 适配面板 (TuiAdaptive): 解决大屏、PC、移动端的多分辨率适配问题。
- 恐慌告警 (PanicAlert): 系统级的异常阻断与强提醒机制。
- 3D 面板 (T3DPanel): 提供具有真实物理厚度和光影的 3D 容器。
- 3D 柱图 (Bar3D): 具有液位填充效果的 3D 柱状图。
- 3D 饼图 (Pie3D): 基于 3D 面板构建的立体环形图。
- Echarts图表 (TuiEcharts): 基于Echarts封装的图表组件,使用非常的便捷,并且和TechUI主题深度结合。
- Echarts地图 (TuiEchartsMap): 基于Echarts封装的地图组件,结合Geojson使用,非常的便捷,并且和TechUI主题深度结合。
未来展望
TechUI 的高级组件库是一个持续演进的产品线。我们致力于探索 Web 前端技术在视觉表现与交互体验上的边界。
在后续的版本规划中,我们将继续开发更多针对高价值业务场景的组件(如拓扑图、专业级编辑器等)。
为了维持项目的长期健康发展并保证代码质量,后续新增的高级组件将大概率延续“付费/授权”的商业模式。我们希望通过这种方式,为专业开发者提供更优质、更具竞争力的工具,同时也为 TechUI 的持续维护提供支持。
我们期待与您一起,构建下一代的高体验 Web 应用。