@ant-design/sketch-assistant
v0.2.6
Published
<h1 align="center">Sketch Assistant for Ant Design</h1>
Downloads
40
Readme
⌨ 本地开发
安装
npm i
或
yarn install
测试
npm run test
npm run test:coverage # 带测试覆盖率
打包
本地打包
npm run package
发布版本
npm run release
参考教程
Sketch 官方教程:
架构说明
目录架构
src
├── index.ts # 助理入口
├── functions # 核心校验方法
├── rules # 校验规则
└── utils # 工具函数库
index.ts
Assistant 核心入口文件, 包含一个 Assistant
rules
一个 Assistant 包含若干校验规则,例如:
- 图层的行高需要等于字号 + 8;
- 文本需要符合盘古之白;
等等
functions
这个目录下主要放一些复杂的校验逻辑,例如:
- 盘古之白:'当你凝视着 bug,bug 也凝视着你' -> '当你凝视着 bug,bug 也凝视着你';
- 校验文本 图形颜色: 收敛颜色域到某个值,例如主蓝色需要是 #1890ff;
- 间距判断:若干图层之间间距为 24px;
等等
utils
相关的工具函数