Skip to content

@TechUI/Base 简介

TechUI Base (基础组件库) 是 TechUI 生态系统的底层基石,也是构建现代化 Web 应用的原子级 UI 库。

如果说 Admin 是骨架,Scifi 是皮肤,那么 Base 就是细胞。它是一个基于 Vue 3 开发的基础组件集合,旨在满足 TechUI 框架中对表单处理、数据展示及基础交互的核心需求。目前,它支撑着整个 TechUI 上层建筑的运行。

一句话总结:TechUI 万丈高楼的地基,提供最纯粹的原子组件。

免费组件库

为了降低开发者的准入门槛并回馈社区,当您独立使用 @techui/base 时,它完全支持免费商用

  • 核心基础:它是 Admin 和 Prime 的共同依赖,拥有相同的基因。
  • 无强制密钥:无需购买 License Key 即可直接使用。
  • 闭源但开放:提供标准化的 API 接口,服务于整个生态。

💡 唯一的约束

在使用免费版 Base 时,请保留控制台(Console)和Html末的版权输出信息。

TechUI Base 组件库支持免费商用。其内置的 Wasm 模块集成了轻量化许可逻辑:用户在获得正式授权后,即可解锁 6 个核心高级组件的使用权限,享受更强大的功能扩展。

革命性适配

在 Base 组件库中,我们内置了引以为傲的 TuiAdaptive 组件——这是目前市面上最强大的自适应/适配解决方案

它采用等比缩放方案,彻底解决了大屏与管理后台在不同分辨率下的适配难题。

  • 多种适配模式:完美适应全屏、宽屏、带缩放浏览器等多种场景。
  • GIS/地图专属优化
    • 解决了传统 transform 缩放导致 Cesium/Leaflet 等地图组件点击坐标偏移的行业痛点。
    • 独创 “同步穿透容器” 技术,确保在缩放状态下,地图交互依然精准无误。
  • 拖拽模式:支持通过浏览器缩放功能激活拖拽调试,还原设计稿不再痛苦。

开发状态说明

不同于 Admin 的“安装即用”,Base 目前处于 ⚠️积极开发与快速迭代 阶段。我们崇尚透明,因此需要告知您:

  • 🚧 迭代中:尚未涵盖所有极端使用场景,部分功能仍在打磨。
  • ⚡ 定位差异:现阶段它旨在满足 TechUI 内部需求,不能完全替代 Element Plus 等成熟通用的开源 UI 库。
  • 🔄 API 变动:在正式版发布前,API 和组件接口可能会发生变化。

完备的生态依赖

Base 并非孤立存在,它聚合了 TechUI 生态底层的通用能力,为您屏蔽了底层的复杂性:

  • @techui/fonts:统一的字体库,确保字体的一致性,引入了开源免费中文字体,内置了字体库的选取和预览功能。
  • @techui/icons:由TechUI设计、收集整理的图标库,内置了图标预览选取功能。
  • @techui/colors:统一的色彩系统,确保视觉一致性,内置了颜色表预览和选取功能。
  • @techui/themes:灵活的主题系统,支持深色/浅色模式切换。
  • @techui/locales:内置国际化支持,处理多语言环境。
  • @techui/utils:集成了大量高频使用的工具函数。
  • @techui/libs:集成了大量第三方库封装(防止破坏性更新导致的TechUI组件库异常)。
  • @techui/lessmixins:提供了一套强大的 LESS 混入库,提升样式开发效率。

适用场景

@techui/base 剥离了业务逻辑与科幻特效,回归了最朴素的交互本质,适合:

  • 构建自定义组件库:以 Base 为基础,封装属于您公司内部的 UI 库。
  • 轻量级应用开发:不需要复杂后台模板,只需基础 UI 元素的场景。
  • 学习与研究:研究 TechUI 如何处理响应式布局与基础交互。

关联关系

Base 是整个 TechUI 金字塔的最底层,向上支撑着所有高级库:

  • Base (本库)npm i @techui/base -> 提供基础原子组件 + TuiAdaptive -> 免费商用
  • Admin:依赖 Base -> 提供完整的后台管理系统骨架 -> 免费商用
  • Prime:依赖 Base -> 提供科幻视觉与 3D 引擎 -> 需付费授权

许可证

TechUI许可证类别分为:

  • 重许可轻许可:双向联合解密,客户端密钥+Npm钥匙串。
  • 轻许可:单一密钥串,客户端密钥。

Base 组件库采用轻许可,单向验证机制。其核心 Wasm 模块直接对传入的许可证字符串进行解密与校验,确保系统的轻量化部署。

  • 便捷性:无需引入额外的密钥包,配置简单。
  • 兼容性:支持免费模式,未检测到有效许可时自动切换至免费版状态。

🚀 开始探索

如果您需要一个对 GIS 地图组件极其友好,且具备强大自适应能力的 Vue3 基础库,@techui/base 值得您一试。