Skip to content

Latest commit

 

History

56 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

solid-lib

组件、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.tstsconfig.jsonsolid-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

本项目锁定 SolidJS 2.0.0-rc.3 运行时与类型约束,JSX 使用官方 native compiler。@solidjs/start@2.0.4 暂不加入依赖图,因为它的依赖仍指向 Solid 1;Solid 2 RC 使用 @solidjs/vite-plugin 的 Start mode。

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages