Skip to content

TechUI-Vue2

历史版本,已废弃

TechUI-Vue2 是 TechUI 生态系统的起源,也是目前所有 V3 组件库的前身。

它诞生于 2019-2023 年间,是一款基于 Vue 2Webpack 构建的付费商业级开发包。虽然它在商业推广上遭遇了挫折,但它确立了 TechUI 核心的“科幻视觉”风格与“全端适配”技术路线。

原始形态 开发包模式

不同于现在标准化的 NPM 安装方式,TechUI-Vue2 采用的是 “集成开发包” 模式。

  • 全家桶捆绑:开发包内强制集成了 i18n(多语言)、aYinColor(配色系统)、Less 预处理器以及特定的目录结构。
  • 多版本分发:为了满足不同需求,当时提供了四个独立的离线包:
  • package-i18n: 内置简中、繁中、English 三种语言。
  • package-english: 纯英文版。
  • package-simple-chinese: 简中版。
  • package-traditional-chinese: 繁中版。

这种模式虽然上手即用(Demo 丰富),但也带来了极重的心智负担和配置难度,导致难以融入现有的成熟项目中。

核心遗产

尽管是早期版本,TechUI-Vue2 依然实现了一些具有前瞻性的技术特性,这些特性被后来的 TechUI 3.0 完美继承:

  1. 去位图化 (SVG Vectorization)
    • 这是 TechUI 视觉风格的基石。因可视化大屏常需在不同分辨率下缩放,TechUI-Vue2 摒弃了传统位图,全面采用 SVG 矢量绘图,确保了在 4K 甚至 8K 拼接屏下的细节清晰度。
  2. 全端适配 (Full Adaptation)
    • 在当时就实现了行业领先的适配方案,一套代码即可完美适配个人电脑、手机、平板以及企业级 4x2 拼接屏。
  3. Wasm 核心 (Early Wasm)
    • 从 Vue2版v3.0 开始,项目引入了 WebAssembly 模块来处理高密度的 SVG 动态节点计算与许可证逻辑,为后来的 Prime 引擎奠定了基础。
  4. 智能配色 (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 等经典演示案例,至今仍是数据可视化设计的优秀范本。