TechUI-Vue2
历史版本,已废弃
TechUI-Vue2 是 TechUI 生态系统的起源,也是目前所有 V3 组件库的前身。
它诞生于 2019-2023 年间,是一款基于 Vue 2 和 Webpack 构建的付费商业级开发包。虽然它在商业推广上遭遇了挫折,但它确立了 TechUI 核心的“科幻视觉”风格与“全端适配”技术路线。
原始形态 开发包模式
不同于现在标准化的 NPM 安装方式,TechUI-Vue2 采用的是 “集成开发包” 模式。
- 全家桶捆绑:开发包内强制集成了 i18n(多语言)、aYinColor(配色系统)、Less 预处理器以及特定的目录结构。
- 多版本分发:为了满足不同需求,当时提供了四个独立的离线包:
package-i18n: 内置简中、繁中、English 三种语言。package-english: 纯英文版。package-simple-chinese: 简中版。package-traditional-chinese: 繁中版。
这种模式虽然上手即用(Demo 丰富),但也带来了极重的心智负担和配置难度,导致难以融入现有的成熟项目中。
核心遗产
尽管是早期版本,TechUI-Vue2 依然实现了一些具有前瞻性的技术特性,这些特性被后来的 TechUI 3.0 完美继承:
- 去位图化 (SVG Vectorization)
- 这是 TechUI 视觉风格的基石。因可视化大屏常需在不同分辨率下缩放,TechUI-Vue2 摒弃了传统位图,全面采用 SVG 矢量绘图,确保了在 4K 甚至 8K 拼接屏下的细节清晰度。
- 全端适配 (Full Adaptation)
- 在当时就实现了行业领先的适配方案,一套代码即可完美适配个人电脑、手机、平板以及企业级 4x2 拼接屏。
- Wasm 核心 (Early Wasm)
- 从 Vue2版v3.0 开始,项目引入了 WebAssembly 模块来处理高密度的 SVG 动态节点计算与许可证逻辑,为后来的 Prime 引擎奠定了基础。
- 智能配色 (Smart Coloring)
- 内置了图表智能配色工具,解决了大屏开发中“图表颜色与背景不搭”的痛点。
组件迁移
这是 TechUI 发展史上最重要的一次转型。
为了回馈社区并修正早期的定价错误,我们对 TechUI-Vue2 的核心资产进行了拆解和重组:
视觉组件全面免费化
TechUI-Vue2 中引以为傲的 所有 SVG 边框、装饰组件 以及 全功能的自适应组件 (Adaptive Component),现已全部迁移至 @techui/scifi 组件库中。
- 变化:从付费转为 永久免费。
- 定位:
TechUI-Vue2是一个包含数据处理和图表的完整应用框架;而@techui/scifi则专注于成为纯粹的 UI 解决方案。 - 删减:为了保持库的纯净,迁移后的 Scifi 库移除了原有的业务图表组件(如 ECharts 封装),仅保留视觉与布局能力,使其更易于与任何业务代码集成。
许可证解除
早期版本中饱受诟病的“临时许可证限制”(如无法调试、无法打包、时间限制)在迁移后的新版组件库中已被彻底移除。
状态说明
- 维护状态:已停止更新 (End of Life)。
- 推荐操作:建议所有旧版用户迁移至 @TechUI/Scifi 或 @TechUI/Prime 生态。
- 如果您需要原来的科幻边框 -> 请使用
@techui/scifi。 - 如果您需要后台管理功能 -> 请使用
@techui/admin。 - 如果您需要科幻风格UI+数据展现 -> 请升级至
@techui/prime。
致敬
TechUI-Vue2 虽然是一个不完美的商业尝试,但它留下的 Dashboard A/B/C/D/E 等经典演示案例,至今仍是数据可视化设计的优秀范本。