@ant-design/sketch-assistant
    TypeScript icon, indicating that this package has built-in type declarations

    0.2.6 • Public • Published

    Sketch Assistant for Ant Design

    NPM version NPM downloads

    Test CI status Coverage

    david deps david devDeps

    本地开发

    安装

    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

    相关的工具函数

    License

    MIT

    Install

    npm i @ant-design/sketch-assistant

    DownloadsWeekly Downloads

    20

    Version

    0.2.6

    License

    MIT

    Unpacked Size

    97.6 kB

    Total Files

    62

    Last publish

    Collaborators

    • wendellhu95
    • rdmclin2
    • yesmeck
    • afc163
    • heskey
    • wilsoncook
    • vthinkxie
    • tangjinzhou
    • bang88
    • zombiej
    • chenshuai2144
    • vagusx
    • gongzhen
    • dahong
    • ycjcl868
    • kn9117
    • esora
    • wynterding
    • yutingzhao1991
    • duxiaodong
    • arvinxx
    • mmmary
    • carrietan