12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- import warning from '../_util/warning';
- // These props make sure that the SVG behaviours like general text.
- // Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
- export var svgBaseProps = {
- width: '1em',
- height: '1em',
- fill: 'currentColor',
- 'aria-hidden': 'true',
- focusable: 'false'
- };
- var fillTester = /-fill$/;
- var outlineTester = /-o$/;
- var twoToneTester = /-twotone$/;
- export function getThemeFromTypeName(type) {
- var result = null;
- if (fillTester.test(type)) {
- result = 'filled';
- } else if (outlineTester.test(type)) {
- result = 'outlined';
- } else if (twoToneTester.test(type)) {
- result = 'twoTone';
- }
- return result;
- }
- export function removeTypeTheme(type) {
- return type.replace(fillTester, '').replace(outlineTester, '').replace(twoToneTester, '');
- }
- export function withThemeSuffix(type, theme) {
- var result = type;
- if (theme === 'filled') {
- result += '-fill';
- } else if (theme === 'outlined') {
- result += '-o';
- } else if (theme === 'twoTone') {
- result += '-twotone';
- } else {
- warning(false, 'Icon', 'This icon \'' + type + '\' has unknown theme \'' + theme + '\'');
- }
- return result;
- }
- // For alias or compatibility
- export function alias(type) {
- var newType = type;
- switch (type) {
- case 'cross':
- newType = 'close';
- break;
- // https://github.com/ant-design/ant-design/issues/13007
- case 'interation':
- newType = 'interaction';
- break;
- // https://github.com/ant-design/ant-design/issues/16810
- case 'canlendar':
- newType = 'calendar';
- break;
- // https://github.com/ant-design/ant-design/issues/17448
- case 'colum-height':
- newType = 'column-height';
- break;
- default:
- }
- warning(newType === type, 'Icon', 'Icon \'' + type + '\' was a typo and is now deprecated, please use \'' + newType + '\' instead.');
- return newType;
- }
|