组件、hooks 与工具统一从 solid-lib 根入口导入。
- UI 组件与主题能力
- 可复用 hooks 与工具
solid-lib/ui.css全局样式入口
| 层级 | 用途 | 亮色 | 暗色 |
|---|---|---|---|
| page | 页面背景/文字 | 偏白/偏黑 | 偏黑/偏白 |
| base | 卡片、容器 | 浅色/深色 | 深色/浅色 |
| raised | 按钮、凸起 | 更浅/更深 | 更深/更浅 |
| inset | 输入框、凹陷 | 更深/更浅 | 更浅/更深 |
| disabled | 禁用状态 | 灰色 | 灰色 |
| accent | 强调色 | teal | teal |
| error | 错误色 | firebrick | firebrick |
全局色(不区分亮暗):--accent-color、--error-color
层级色(亮暗各一套):--page-bg/fg、--base-bg/fg、--raised-bg/fg、--inset-bg/fg、--disabled-bg/fg
- 组件、hooks 与工具统一从
solid-lib导入 - 样式只能从
solid-lib/ui.css导入 - 发布包只提供
.与./ui.css两个入口,不提供旧的 UI/utils 子入口、构建器或路由子入口
import { Card, FilledButton, createStorage, useVis } from "solid-lib";
import "solid-lib/ui.css";demo 和消费者应用使用 Bun 驱动的 Vite;路由使用应用自己的 @solidjs/router 依赖。当前 Solid 2 RC3 对应的兼容 Router 版本固定为 2.0.0-next.18。
demo 使用官方 Solid 2 Start mode:
solid({ start: true, compiler: "native", ssr: false });demo 的 vite.config.ts 和 tsconfig.json 将 solid-lib 映射到仓库根级扁平源码入口。这是 Bun 1.4.0 下避免同仓 file:.. 自引用递归复制的本地开发边界;local/packed consumer smoke 会分别覆盖源码链接和发布 tarball。
bun --cwd demo run dev
bun --cwd demo run build
bun --cwd demo run preview本项目锁定 SolidJS 2.0.0-rc.3 运行时与类型约束,JSX 使用官方 native compiler。@solidjs/start@2.0.4 暂不加入依赖图,因为它的依赖仍指向 Solid 1;Solid 2 RC 使用 @solidjs/vite-plugin 的 Start mode。