一般来说，颜色使用遵循规则如下：
在实际开发中，除了 black 和 white 之外，其余的都已经定义为颜色变量，如 var(--gray)，表示使用 #777777。
浅色用于图标或背景，深色用于文字。
实际开发中，purple 和 blueDeep 不会用到，所以不用定义。其余的 6 个颜色只定义了浅色的三个变量（blue、red、green），深色的都是通过颜色函数转换过来的，转换规则为：将浅色降低透明度10%得到深色。如要得到 blueDark，则转换规则为：color(var(--blue) l(-10%))。
默认主色为 blue
在线预览地址：Stone UI
// 先安装
npm i
// 然后执行
npm run dev最后打开http://localhost:6060/ 即可看到效果
可以使用generator-stone-component脚手架来创建组件
先全局安装 yo 和 generator-stone-component
npm install -g yo
npm install -g generator-stone-component然后运行命令
yo stone-component根据交互提示输入组件名字及描述，注意组件名为首字母大写的驼峰格式 /^[A-Z][a-zA-Z]*$/
创建成功后，生成的组件可在 src/components 目录中看到。
注：由于 DEMO 中左侧的菜单现在是按分类罗列的，所以现在需要手动把自己写的组件添加进根目录styleguide.config.js配置文件的相应分类中。
组件 DEMO 是调用组件中的 readme 文件进行渲染的，编辑比较简单，可参考已有例子，或官方文档，如有疑问请询问 ycxu
由于组件覆盖多业务，为了保持样式的可变性，所有组件中的样式都是未经过编译处理的。其主要实现思路如下：
每个包名字前面会有一个stone-前缀，使用 tnpm 安装，所有大写字母转成小写，使用-连接，如安装 RadioCheckbox 组件：
tnpm i @tencent/stone-radio-checkbox有些组件默认并没有导出，如 Table，默认导出的只有 Table 组件，其他的使用需要到 HOC 目录去引入，如需要使用排序，则
import Table from '@tencent/stone-table';
import { tableSort } from '@tencent/stone-table/HOC';
const TableSort = tableSort(Table);具体每个组件的目录，在组件 demo 预览中可见路径。
使用组件之前，先确保本地已经