SuperAPI AI 工具集

opentui-solid

前端与建站

查看项目

更新于 10-16 05:06

技能介绍

用途:在 OpenTUI 中用 SolidJS 构建终端 UI(TUI),提供信号与响应式、JSX 组件、性能优化等专家级协助。

主要能力:介绍 SolidJS 响应式核心,包括 createSignal、createMemo、createEffect;OpenTUI 的 SolidJS Hooks,如 useKeyboard、useRenderer、useTerminalDimensions、useTimeline(含动画时间线示例);以 JSX 形式使用 text、box、input、select、scrollbox、code 等组件;通过 props 传样式,颜色格式为 { r, g, b, a? };状态管理涵盖局部信号、createStore 对象存储与 createContext;常见模式包括带选择列表、Show/Switch 条件渲染与 Dynamic 动态组件。

使用方式:安装依赖 bun install @opentui/core @opentui/solid solid-js;用 createCliRenderer 创建渲染器,并用 createRoot(renderer).render 挂载应用。

适用场景:使用 SolidJS 构建 TUI、需要细粒度响应式与高性能交互界面、SolidJS 专属组件模式。

限制与替代:资料未提供完整 API 与全部限制说明;原生 TypeScript/JavaScript 请用 /opentui,React 请用 /opentui-react,项目脚手架请用 /opentui-projects。资料列出与 React 的差异:State 用 createSignal、Effects 用 createEffect、Memos 用 createMemo、Refs 用直接变量赋值、列表用 <For>、条件用 <Show>/<Switch>、Context 用法相同。上述内容未涉及收费与价格信息。