antd-color-editor
Version:
An open-source color editor for designing color system
38 lines • 1.13 kB
JavaScript
import { isReadable, readability } from '@ctrl/tinycolor';
var genShield = function genShield(result) {
if (result === 'AAA') return 'https://gw.alipayobjects.com/zos/antfincdn/%26v4N7EPfwD/aaa.svg';
if (result === 'AA') return 'https://gw.alipayobjects.com/zos/antfincdn/AiDCarDp5o/aa.svg';
return ' https://gw.alipayobjects.com/zos/antfincdn/2X4RlcXBHX/fail.svg';
};
export var readable = function readable(color1, color2) {
var aaSmall = isReadable(color1, color2, {
level: 'AA',
size: 'small'
});
var aaLarge = isReadable(color1, color2, {
level: 'AA',
size: 'large'
});
var aaaSmall = isReadable(color1, color2, {
level: 'AAA',
size: 'small'
});
var aaaLarge = isReadable(color1, color2, {
level: 'AAA',
size: 'large'
});
var aa = aaSmall || aaLarge;
var aaa = aaaSmall || aaaLarge;
var result = aaa ? 'AAA' : aa ? 'AA' : 'Fail';
return {
aa: aa,
aaLarge: aaLarge,
aaSmall: aaSmall,
aaa: aaa,
aaaLarge: aaaLarge,
aaaSmall: aaaSmall,
cts: readability(color1, color2).toFixed(2),
result: result,
shield: genShield(result)
};
};