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.
ant-design-vue/components/tooltip/util.ts

23 lines
635 B

import type { CSSProperties } from 'vue';
import classNames from '../_util/classNames';
import { isPresetColor } from '../_util/colors';
export function parseColor(prefixCls: string, color?: string) {
const isInternalColor = isPresetColor(color);
const className = classNames({
[`${prefixCls}-${color}`]: color && isInternalColor,
});
const overlayStyle: CSSProperties = {};
const arrowStyle: CSSProperties = {};
if (color && !isInternalColor) {
overlayStyle.background = color;
// @ts-ignore
arrowStyle['--antd-arrow-background-color'] = color;
}
return { className, overlayStyle, arrowStyle };
}