开发计划
TechUI 是一个持续进化的生命体。以下是我们根据社区反馈与内部规划整理的未来开发路线图。
注：此计划仅代表当前的开发方向，可能会随着技术迭代或优先级调整而变动。
Prime 旗舰版
它是Base、Admin、Scifi组件库的集合体，是全能型战士
- 3D 交互增强
- Tui3DButton: 结合 T3D 引擎开发具有真实物理厚度与光照反馈的 3D 按钮。
- Tui3DDialog: 支持在 3D 场景中透视渲染的弹窗容器。
- Panel3D Icon: 探索 SVG 图标的 3D 化渲染 Demo。
- PanelAni: 开发具有进场/退场动画能力的 3D 面板。
- WASM 核心
- 加密通信: 开发 WASM 模块间的高安全通信协议。
- 动态加载: 将
Keychain模块改造为动态加载模式，进一步提升首屏加载速度。（不确定）
- 多端联动
- RemoteControl: 开发通讯组件，支持通过移动端（手机）远程控制大屏的布局切换与外观演示。
Admin 工作台
聚焦于业务布局、低代码工具与后台管理体验的优化。
- 布局系统
- GridPortlet: 开发网格布局组件，支持通过传参控制模块位置，实现 Portlet 的灵活编排。
- LayoutDesigner: 参考 Flexbox Labs，开发可视化的布局设计器工具。
- PortletMax: 为 Portlet 组件添加“最大化/还原”功能，支持全屏展示当前模块。
- 业务组件
- ErrorPages: 标准化的 404 (Not Found)、503 (Service Unavailable) 错误页组件。
- AccessLock: 访问码/锁屏工具，用于敏感页面的二次验证。
- 交互修复
- 修复浏览器缩放时
RollingTabs（滚动标签页）触发异常滚动的问题。
- 修复浏览器缩放时
Base 基础组件
聚焦于原子组件、自适应引擎与通用交互能力的补充。
- 自适应引擎升级
- ContainerAdapt: 开发针对父容器（而非全屏）的自适应模块，支持局部区域的
ScaleX或ScaleY缩放。
- ContainerAdapt: 开发针对父容器（而非全屏）的自适应模块，支持局部区域的
- 交互组件
- ScrollSnap: 基于 CSS Scroll Snap 开发全屏滚动与轮播组件。
- ModalSelector: 开发支持自定义背景、Loading 指示器的弹框选择器。
- CarouselSplit: 增强轮播组件，支持将 List 组件分割后进行分页展示。
- Qrcode: 基于 Canvas 的二维码生成组件。
- 指令与验证
- v-tui: 借助 AI 开发更多实用的 Vue 指令。
- FormExposure: 为表单元素暴露
blur和focus等原生方法。 - Popvoer: 优化浮动层逻辑，实现 Disabled 状态下的动态销毁。
Scifi 科幻组件
聚焦于视觉特效、SVG 渲染与数据大屏装饰元素的丰富。
- 视觉特效
- ParallaxBG: 开发光标移动触发的视差背景组件。
- CanvasGrain: 基于 Canvas 的浏览器噪点/胶片纹理叠加功能。
- CssEffects: 开发圆形波纹、方形流光边框等纯 CSS 动效组件。
- SvgMask: 研究使用 SVG Mask 进行异形内容遮罩的技术方案。
- 面板与装饰
- PanelStyles: 开发类似
ButtonA1(AB双态)、ButtonA3风格的面板容器。 - Decorations: 新增一组旋转类的 SVG 装饰组件。
- PanelStyles: 开发类似
- 仪表盘元素
- DashboardWidgets: 开发时钟、天气、时间轴等大屏专用小组件。
生态系统
聚焦于底层工具库、资源包与性能工程。
- @techui/utils (工具库)
- Performance: 利用
content-visibility或 JS 监听，自动暂停非视区内的 CSS 动画。 - Colors: 移除旧版配色工具，全面迁移至
chroma.js($C.scale) 实现图表自动配色。 - Mock: 开发通用的数据模拟与参数验证工具，支持返回具体错误字段。
- i18n: 改造
tLang，支持对象传参写法（如{ deviceA: 'PC', deviceB: 'Mobile' }）。
- Performance: 利用
- 资源层
- Icons: 补充
ti-downward等实心图标，新增 Pro 系列业务图标。 - Fonts: 添加一款适合大屏显示的“数码粗体”字体文件。
- Icons: 补充