#📖介绍

• SnowDesign 的目标是搭建一个通用的物料库，可以找到任何你需要的组件，助力您快速搭建Web组件库。
• 从零到一的搭建文章（努力更新中...）
• 受到以下项目启发：
• semi-design
• ant-design
• ant-design-vue

#📦能力

• 使用 Foundation/Adapter 分层架构，一套逻辑代码支持Vue与React框架。UI组件库如何分层设计，使其具备适配多种Web框架能力。
• 基于 glup、babel与webpack输出 ES6、CJS和UMD 导出，支持无缝 TreeShaking。
• 包含Webpack与Vite插件支持自定义组件样式主题，可进行全局CSS变量覆盖及组件级SCSS变量覆盖。
• 搭配单元测试和端到端测试以及 Github CI/CD 流程，确保组件的稳定性和质量。
• 内置暗夜模式、搭配国际化语言与友好的无障碍支持。
• 实现虚拟列表、图片懒加载、瀑布流等多框架通用组件。

#🚀CSS架构

项目将主题包和组件样式包分离。

🍭 主题包包含以下文件：

• global.scss：全局CSS变量定义
• index.scss：全局SCSS入口文件
• variables.scss：用于全局SCSS变量定义
• _palette.scss：用于基础色版定义，使用ant-design设计规范的色板。

🍭 组件包包含以下文件：

• xxx.scss：组件样式编写
• variables.scss：组件级SCSS变量定义

#🔧API

• 如无特殊说明，UI 组件均支持自定义 style 与 class 两个参数。

属性	说明	类型	默认值
className/class	类名	string	-
style	样式名	CSSProperties	-