okai-lib

START WHAT

TSDX TS React Storybook css

npm start # or yarn start

START Storybook

Run inside another terminal:

yarn storybook

START Example

cd example
npm i # or yarn to install dependencies
npm start # or yarn start

开发规范

1. 每个组件顶部写清楚 组件每次，创建日期，交互信息

2. 请尽量解决掉每一个报错和警告

3. 组件库使用的是css，注意样式不要相互覆盖，样式定义规范：okai-组件名称-样式部位/动作

4. 所有命名尽量语义化，函数使用驼峰，css使用中划线，其他常量使用下划线

5. 皮肤只需要输入hsl三个值（[220, 100%, 60%]）以及radius圆角值（2px）来产生“色卡”概念，使用ui给出的梯度色彩进行开发

6. 色卡以hsla来定义，ui设计部分也会以此给出色彩，尽量在皮肤的概念上不再新增需要输入的参数