You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
769 B
25 lines
769 B
2 years ago
|
/* eslint-disable import/prefer-default-export */
|
||
|
|
|
||
|
|
import type * as React from 'react';
|
||
|
|
import classNames from 'classnames';
|
||
|
|
import { PresetColorTypes } from '../_util/colors';
|
||
|
|
|
||
|
|
const PresetColorRegex = new RegExp(`^(${PresetColorTypes.join('|')})(-inverse)?$`);
|
||
|
|
|
||
|
|
export function parseColor(prefixCls: string, color?: string) {
|
||
|
|
const className = classNames({
|
||
|
|
[`${prefixCls}-${color}`]: color && PresetColorRegex.test(color),
|
||
|
|
});
|
||
|
|
|
||
|
|
let overlayStyle: React.CSSProperties | undefined;
|
||
|
|
let arrowStyle: React.CSSProperties | undefined;
|
||
|
|
|
||
|
|
if (color && !PresetColorRegex.test(color)) {
|
||
|
|
overlayStyle = { background: color };
|
||
|
|
// @ts-ignore
|
||
|
|
arrowStyle = { '--antd-arrow-background-color': color };
|
||
|
|
}
|
||
|
|
|
||
|
|
return { className, overlayStyle, arrowStyle };
|
||
|
|
}
|