add all frontend files

node_modules/antd/es/tooltip/PurePanel.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { TooltipProps } from '.';
+export interface PurePanelProps extends Omit<TooltipProps, 'children'> {
+}
+/** @private Internal Component. Do not use in your production. */
+declare const PurePanel: React.FC<PurePanelProps>;
+export default PurePanel;

node_modules/antd/es/tooltip/PurePanel.js

@@ -0,0 +1,40 @@
+"use client";
+
+import * as React from 'react';
+import classNames from 'classnames';
+import { Popup } from 'rc-tooltip';
+import { ConfigContext } from '../config-provider';
+import useStyle from './style';
+import { parseColor } from './util';
+/** @private Internal Component. Do not use in your production. */
+const PurePanel = props => {
+  const {
+    prefixCls: customizePrefixCls,
+    className,
+    placement = 'top',
+    title,
+    color,
+    overlayInnerStyle
+  } = props;
+  const {
+    getPrefixCls
+  } = React.useContext(ConfigContext);
+  const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
+  // Color
+  const colorInfo = parseColor(prefixCls, color);
+  const arrowContentStyle = colorInfo.arrowStyle;
+  const formattedOverlayInnerStyle = Object.assign(Object.assign({}, overlayInnerStyle), colorInfo.overlayStyle);
+  const cls = classNames(hashId, cssVarCls, prefixCls, `${prefixCls}-pure`, `${prefixCls}-placement-${placement}`, className, colorInfo.className);
+  return wrapCSSVar(/*#__PURE__*/React.createElement("div", {
+    className: cls,
+    style: arrowContentStyle
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${prefixCls}-arrow`
+  }), /*#__PURE__*/React.createElement(Popup, Object.assign({}, props, {
+    className: hashId,
+    prefixCls: prefixCls,
+    overlayInnerStyle: formattedOverlayInnerStyle
+  }), title)));
+};
+export default PurePanel;

node_modules/antd/es/tooltip/index.d.ts

@@ -0,0 +1,90 @@
+import * as React from 'react';
+import type { placements as Placements } from 'rc-tooltip/lib/placements';
+import type { TooltipProps as RcTooltipProps } from 'rc-tooltip/lib/Tooltip';
+import type { PresetColorType } from '../_util/colors';
+import type { RenderFunction } from '../_util/getRenderPropValue';
+import type { AdjustOverflow, PlacementsConfig } from '../_util/placements';
+import type { LiteralUnion } from '../_util/type';
+import PurePanel from './PurePanel';
+export type { AdjustOverflow, PlacementsConfig };
+export interface TooltipRef {
+    /** @deprecated Please use `forceAlign` instead */
+    forcePopupAlign: VoidFunction;
+    forceAlign: VoidFunction;
+    /** Wrapped dom element. Not promise valid if child not support ref */
+    nativeElement: HTMLElement;
+    /** Popup dom element */
+    popupElement: HTMLDivElement;
+}
+export type TooltipPlacement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export interface TooltipAlignConfig {
+    points?: [string, string];
+    offset?: [number | string, number | string];
+    targetOffset?: [number | string, number | string];
+    overflow?: {
+        adjustX: boolean;
+        adjustY: boolean;
+    };
+    useCssRight?: boolean;
+    useCssBottom?: boolean;
+    useCssTransform?: boolean;
+}
+interface LegacyTooltipProps extends Partial<Omit<RcTooltipProps, 'children' | 'visible' | 'defaultVisible' | 'onVisibleChange' | 'afterVisibleChange' | 'destroyTooltipOnHide'>> {
+    open?: RcTooltipProps['visible'];
+    defaultOpen?: RcTooltipProps['defaultVisible'];
+    onOpenChange?: RcTooltipProps['onVisibleChange'];
+    afterOpenChange?: RcTooltipProps['afterVisibleChange'];
+    /** @deprecated Please use `open` instead. */
+    visible?: RcTooltipProps['visible'];
+    /** @deprecated Please use `defaultOpen` instead. */
+    defaultVisible?: RcTooltipProps['defaultVisible'];
+    /** @deprecated Please use `onOpenChange` instead. */
+    onVisibleChange?: RcTooltipProps['onVisibleChange'];
+    /** @deprecated Please use `afterOpenChange` instead. */
+    afterVisibleChange?: RcTooltipProps['afterVisibleChange'];
+}
+type SemanticName = 'root' | 'body';
+export interface AbstractTooltipProps extends LegacyTooltipProps {
+    styles?: Partial<Record<SemanticName, React.CSSProperties>>;
+    classNames?: Partial<Record<SemanticName, string>>;
+    style?: React.CSSProperties;
+    className?: string;
+    rootClassName?: string;
+    color?: LiteralUnion<PresetColorType>;
+    placement?: TooltipPlacement;
+    builtinPlacements?: typeof Placements;
+    openClassName?: string;
+    /** @deprecated Please use `arrow={{ pointAtCenter: true }}` instead. */
+    arrowPointAtCenter?: boolean;
+    arrow?: boolean | {
+        /** @deprecated Please use `pointAtCenter` instead. */
+        arrowPointAtCenter?: boolean;
+        pointAtCenter?: boolean;
+    };
+    autoAdjustOverflow?: boolean | AdjustOverflow;
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    children?: React.ReactNode;
+    /** @deprecated Please use `destroyOnHidden` instead */
+    destroyTooltipOnHide?: boolean | {
+        keepParent?: boolean;
+    };
+    /**
+     * @since 5.25.0
+     */
+    destroyOnHidden?: boolean;
+}
+export interface TooltipPropsWithOverlay extends AbstractTooltipProps {
+    title?: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export interface TooltipPropsWithTitle extends AbstractTooltipProps {
+    title: React.ReactNode | RenderFunction;
+    overlay?: React.ReactNode | RenderFunction;
+}
+export declare type TooltipProps = TooltipPropsWithTitle | TooltipPropsWithOverlay;
+declare const InternalTooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<TooltipRef>>;
+type CompoundedComponent = typeof InternalTooltip & {
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+};
+declare const Tooltip: CompoundedComponent;
+export default Tooltip;

node_modules/antd/es/tooltip/index.js

@@ -0,0 +1,200 @@
+"use client";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import * as React from 'react';
+import classNames from 'classnames';
+import RcTooltip from 'rc-tooltip';
+import useMergedState from "rc-util/es/hooks/useMergedState";
+import ContextIsolator from '../_util/ContextIsolator';
+import { useZIndex } from '../_util/hooks';
+import { getTransitionName } from '../_util/motion';
+import getPlacements from '../_util/placements';
+import { cloneElement, isFragment } from '../_util/reactNode';
+import { devUseWarning } from '../_util/warning';
+import zIndexContext from '../_util/zindexContext';
+import { useComponentConfig } from '../config-provider/context';
+import { useToken } from '../theme/internal';
+import PurePanel from './PurePanel';
+import useStyle from './style';
+import { parseColor } from './util';
+const InternalTooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
+  var _a, _b;
+  const {
+      prefixCls: customizePrefixCls,
+      openClassName,
+      getTooltipContainer,
+      color,
+      overlayInnerStyle,
+      children,
+      afterOpenChange,
+      afterVisibleChange,
+      destroyTooltipOnHide,
+      destroyOnHidden,
+      arrow = true,
+      title,
+      overlay,
+      builtinPlacements,
+      arrowPointAtCenter = false,
+      autoAdjustOverflow = true,
+      motion: _motion,
+      getPopupContainer,
+      placement = 'top',
+      mouseEnterDelay = 0.1,
+      mouseLeaveDelay = 0.1,
+      overlayStyle,
+      rootClassName,
+      overlayClassName,
+      styles,
+      classNames: tooltipClassNames
+    } = props,
+    restProps = __rest(props, ["prefixCls", "openClassName", "getTooltipContainer", "color", "overlayInnerStyle", "children", "afterOpenChange", "afterVisibleChange", "destroyTooltipOnHide", "destroyOnHidden", "arrow", "title", "overlay", "builtinPlacements", "arrowPointAtCenter", "autoAdjustOverflow", "motion", "getPopupContainer", "placement", "mouseEnterDelay", "mouseLeaveDelay", "overlayStyle", "rootClassName", "overlayClassName", "styles", "classNames"]);
+  const mergedShowArrow = !!arrow;
+  const [, token] = useToken();
+  const {
+    getPopupContainer: getContextPopupContainer,
+    getPrefixCls,
+    direction,
+    className: contextClassName,
+    style: contextStyle,
+    classNames: contextClassNames,
+    styles: contextStyles
+  } = useComponentConfig('tooltip');
+  // ============================== Ref ===============================
+  const warning = devUseWarning('Tooltip');
+  const tooltipRef = React.useRef(null);
+  const forceAlign = () => {
+    var _a;
+    (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.forceAlign();
+  };
+  React.useImperativeHandle(ref, () => {
+    var _a, _b;
+    return {
+      forceAlign,
+      forcePopupAlign: () => {
+        warning.deprecated(false, 'forcePopupAlign', 'forceAlign');
+        forceAlign();
+      },
+      nativeElement: (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.nativeElement,
+      popupElement: (_b = tooltipRef.current) === null || _b === void 0 ? void 0 : _b.popupElement
+    };
+  });
+  // ============================== Warn ==============================
+  if (process.env.NODE_ENV !== 'production') {
+    [['visible', 'open'], ['defaultVisible', 'defaultOpen'], ['onVisibleChange', 'onOpenChange'], ['afterVisibleChange', 'afterOpenChange'], ['destroyTooltipOnHide', 'destroyOnHidden'], ['arrowPointAtCenter', 'arrow={{ pointAtCenter: true }}'], ['overlayStyle', 'styles={{ root: {} }}'], ['overlayInnerStyle', 'styles={{ body: {} }}'], ['overlayClassName', 'classNames={{ root: "" }}']].forEach(([deprecatedName, newName]) => {
+      warning.deprecated(!(deprecatedName in props), deprecatedName, newName);
+    });
+    process.env.NODE_ENV !== "production" ? warning(!destroyTooltipOnHide || typeof destroyTooltipOnHide === 'boolean', 'usage', '`destroyTooltipOnHide` no need config `keepParent` anymore. Please use `boolean` value directly.') : void 0;
+    process.env.NODE_ENV !== "production" ? warning(!arrow || typeof arrow === 'boolean' || !('arrowPointAtCenter' in arrow), 'deprecated', '`arrowPointAtCenter` in `arrow` is deprecated. Please use `pointAtCenter` instead.') : void 0;
+  }
+  // ============================== Open ==============================
+  const [open, setOpen] = useMergedState(false, {
+    value: (_a = props.open) !== null && _a !== void 0 ? _a : props.visible,
+    defaultValue: (_b = props.defaultOpen) !== null && _b !== void 0 ? _b : props.defaultVisible
+  });
+  const noTitle = !title && !overlay && title !== 0; // overlay for old version compatibility
+  const onOpenChange = vis => {
+    var _a, _b;
+    setOpen(noTitle ? false : vis);
+    if (!noTitle) {
+      (_a = props.onOpenChange) === null || _a === void 0 ? void 0 : _a.call(props, vis);
+      (_b = props.onVisibleChange) === null || _b === void 0 ? void 0 : _b.call(props, vis);
+    }
+  };
+  const tooltipPlacements = React.useMemo(() => {
+    var _a, _b;
+    let mergedArrowPointAtCenter = arrowPointAtCenter;
+    if (typeof arrow === 'object') {
+      mergedArrowPointAtCenter = (_b = (_a = arrow.pointAtCenter) !== null && _a !== void 0 ? _a : arrow.arrowPointAtCenter) !== null && _b !== void 0 ? _b : arrowPointAtCenter;
+    }
+    return builtinPlacements || getPlacements({
+      arrowPointAtCenter: mergedArrowPointAtCenter,
+      autoAdjustOverflow,
+      arrowWidth: mergedShowArrow ? token.sizePopupArrow : 0,
+      borderRadius: token.borderRadius,
+      offset: token.marginXXS,
+      visibleFirst: true
+    });
+  }, [arrowPointAtCenter, arrow, builtinPlacements, token]);
+  const memoOverlay = React.useMemo(() => {
+    if (title === 0) {
+      return title;
+    }
+    return overlay || title || '';
+  }, [overlay, title]);
+  const memoOverlayWrapper = /*#__PURE__*/React.createElement(ContextIsolator, {
+    space: true
+  }, typeof memoOverlay === 'function' ? memoOverlay() : memoOverlay);
+  const prefixCls = getPrefixCls('tooltip', customizePrefixCls);
+  const rootPrefixCls = getPrefixCls();
+  const injectFromPopover = props['data-popover-inject'];
+  let tempOpen = open;
+  // Hide tooltip when there is no title
+  if (!('open' in props) && !('visible' in props) && noTitle) {
+    tempOpen = false;
+  }
+  // ============================= Render =============================
+  const child = /*#__PURE__*/React.isValidElement(children) && !isFragment(children) ? children : /*#__PURE__*/React.createElement("span", null, children);
+  const childProps = child.props;
+  const childCls = !childProps.className || typeof childProps.className === 'string' ? classNames(childProps.className, openClassName || `${prefixCls}-open`) : childProps.className;
+  // Style
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, !injectFromPopover);
+  // Color
+  const colorInfo = parseColor(prefixCls, color);
+  const arrowContentStyle = colorInfo.arrowStyle;
+  const rootClassNames = classNames(overlayClassName, {
+    [`${prefixCls}-rtl`]: direction === 'rtl'
+  }, colorInfo.className, rootClassName, hashId, cssVarCls, contextClassName, contextClassNames.root, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root);
+  const bodyClassNames = classNames(contextClassNames.body, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body);
+  // ============================ zIndex ============================
+  const [zIndex, contextZIndex] = useZIndex('Tooltip', restProps.zIndex);
+  const content = /*#__PURE__*/React.createElement(RcTooltip, Object.assign({}, restProps, {
+    zIndex: zIndex,
+    showArrow: mergedShowArrow,
+    placement: placement,
+    mouseEnterDelay: mouseEnterDelay,
+    mouseLeaveDelay: mouseLeaveDelay,
+    prefixCls: prefixCls,
+    classNames: {
+      root: rootClassNames,
+      body: bodyClassNames
+    },
+    styles: {
+      root: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, arrowContentStyle), contextStyles.root), contextStyle), overlayStyle), styles === null || styles === void 0 ? void 0 : styles.root),
+      body: Object.assign(Object.assign(Object.assign(Object.assign({}, contextStyles.body), overlayInnerStyle), styles === null || styles === void 0 ? void 0 : styles.body), colorInfo.overlayStyle)
+    },
+    getTooltipContainer: getPopupContainer || getTooltipContainer || getContextPopupContainer,
+    ref: tooltipRef,
+    builtinPlacements: tooltipPlacements,
+    overlay: memoOverlayWrapper,
+    visible: tempOpen,
+    onVisibleChange: onOpenChange,
+    afterVisibleChange: afterOpenChange !== null && afterOpenChange !== void 0 ? afterOpenChange : afterVisibleChange,
+    arrowContent: /*#__PURE__*/React.createElement("span", {
+      className: `${prefixCls}-arrow-content`
+    }),
+    motion: {
+      motionName: getTransitionName(rootPrefixCls, 'zoom-big-fast', props.transitionName),
+      motionDeadline: 1000
+    },
+    // TODO: In the future, destroyTooltipOnHide in rc-tooltip needs to be upgrade to destroyOnHidden
+    destroyTooltipOnHide: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : !!destroyTooltipOnHide
+  }), tempOpen ? cloneElement(child, {
+    className: childCls
+  }) : child);
+  return wrapCSSVar(/*#__PURE__*/React.createElement(zIndexContext.Provider, {
+    value: contextZIndex
+  }, content));
+});
+const Tooltip = InternalTooltip;
+if (process.env.NODE_ENV !== 'production') {
+  Tooltip.displayName = 'Tooltip';
+}
+Tooltip._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
+export default Tooltip;

node_modules/antd/es/tooltip/style/index.d.ts

@@ -0,0 +1,13 @@
+import type { ArrowOffsetToken } from '../../style/placementArrow';
+import type { ArrowToken } from '../../style/roundedArrow';
+import type { GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken extends ArrowOffsetToken, ArrowToken {
+    /**
+     * @desc 文字提示 z-index
+     * @descEN z-index of tooltip
+     */
+    zIndexPopup: number;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Tooltip'>;
+declare const _default: (prefixCls: string, injectStyle?: boolean) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

node_modules/antd/es/tooltip/style/index.js

@@ -0,0 +1,129 @@
+import { unit } from '@ant-design/cssinjs';
+import { resetComponent } from '../../style';
+import { initZoomMotion } from '../../style/motion';
+import getArrowStyle, { getArrowOffsetToken, MAX_VERTICAL_CONTENT_RADIUS } from '../../style/placementArrow';
+import { getArrowToken } from '../../style/roundedArrow';
+import { genPresetColor, genStyleHooks, mergeToken } from '../../theme/internal';
+const genTooltipStyle = token => {
+  const {
+    calc,
+    componentCls,
+    // ant-tooltip
+    tooltipMaxWidth,
+    tooltipColor,
+    tooltipBg,
+    tooltipBorderRadius,
+    zIndexPopup,
+    controlHeight,
+    boxShadowSecondary,
+    paddingSM,
+    paddingXS,
+    arrowOffsetHorizontal,
+    sizePopupArrow
+  } = token;
+  // arrowOffsetHorizontal + arrowWidth + borderRadius
+  const edgeAlignMinWidth = calc(tooltipBorderRadius).add(sizePopupArrow).add(arrowOffsetHorizontal).equal();
+  // borderRadius * 2 + arrowWidth
+  const centerAlignMinWidth = calc(tooltipBorderRadius).mul(2).add(sizePopupArrow).equal();
+  return [{
+    [componentCls]: Object.assign(Object.assign(Object.assign(Object.assign({}, resetComponent(token)), {
+      position: 'absolute',
+      zIndex: zIndexPopup,
+      display: 'block',
+      width: 'max-content',
+      maxWidth: tooltipMaxWidth,
+      visibility: 'visible',
+      // When use `autoArrow`, origin will follow the arrow position
+      '--valid-offset-x': 'var(--arrow-offset-horizontal, var(--arrow-x))',
+      transformOrigin: [`var(--valid-offset-x, 50%)`, `var(--arrow-y, 50%)`].join(' '),
+      '&-hidden': {
+        display: 'none'
+      },
+      '--antd-arrow-background-color': tooltipBg,
+      // Wrapper for the tooltip content
+      [`${componentCls}-inner`]: {
+        minWidth: centerAlignMinWidth,
+        minHeight: controlHeight,
+        padding: `${unit(token.calc(paddingSM).div(2).equal())} ${unit(paddingXS)}`,
+        color: `var(--ant-tooltip-color, ${tooltipColor})`,
+        textAlign: 'start',
+        textDecoration: 'none',
+        wordWrap: 'break-word',
+        backgroundColor: tooltipBg,
+        borderRadius: tooltipBorderRadius,
+        boxShadow: boxShadowSecondary,
+        boxSizing: 'border-box'
+      },
+      // Align placement should have another min width
+      [[`&-placement-topLeft`, `&-placement-topRight`, `&-placement-bottomLeft`, `&-placement-bottomRight`].join(',')]: {
+        minWidth: edgeAlignMinWidth
+      },
+      // Limit left and right placement radius
+      [[`&-placement-left`, `&-placement-leftTop`, `&-placement-leftBottom`, `&-placement-right`, `&-placement-rightTop`, `&-placement-rightBottom`].join(',')]: {
+        [`${componentCls}-inner`]: {
+          borderRadius: token.min(tooltipBorderRadius, MAX_VERTICAL_CONTENT_RADIUS)
+        }
+      },
+      [`${componentCls}-content`]: {
+        position: 'relative'
+      }
+    }), genPresetColor(token, (colorKey, {
+      darkColor
+    }) => ({
+      [`&${componentCls}-${colorKey}`]: {
+        [`${componentCls}-inner`]: {
+          backgroundColor: darkColor
+        },
+        [`${componentCls}-arrow`]: {
+          '--antd-arrow-background-color': darkColor
+        }
+      }
+    }))), {
+      // RTL
+      '&-rtl': {
+        direction: 'rtl'
+      }
+    })
+  },
+  // Arrow Style
+  getArrowStyle(token, 'var(--antd-arrow-background-color)'),
+  // Pure Render
+  {
+    [`${componentCls}-pure`]: {
+      position: 'relative',
+      maxWidth: 'none',
+      margin: token.sizePopupArrow
+    }
+  }];
+};
+// ============================== Export ==============================
+export const prepareComponentToken = token => Object.assign(Object.assign({
+  zIndexPopup: token.zIndexPopupBase + 70
+}, getArrowOffsetToken({
+  contentRadius: token.borderRadius,
+  limitVerticalRadius: true
+})), getArrowToken(mergeToken(token, {
+  borderRadiusOuter: Math.min(token.borderRadiusOuter, 4)
+})));
+export default (prefixCls, injectStyle = true) => {
+  const useStyle = genStyleHooks('Tooltip', token => {
+    const {
+      borderRadius,
+      colorTextLightSolid,
+      colorBgSpotlight
+    } = token;
+    const TooltipToken = mergeToken(token, {
+      // default variables
+      tooltipMaxWidth: 250,
+      tooltipColor: colorTextLightSolid,
+      tooltipBorderRadius: borderRadius,
+      tooltipBg: colorBgSpotlight
+    });
+    return [genTooltipStyle(TooltipToken), initZoomMotion(token, 'zoom-big-fast')];
+  }, prepareComponentToken, {
+    resetStyle: false,
+    // Popover use Tooltip as internal component. We do not need to handle this.
+    injectStyle
+  });
+  return useStyle(prefixCls);
+};

node_modules/antd/es/tooltip/util.d.ts

@@ -0,0 +1,6 @@
+import type * as React from 'react';
+export declare function parseColor(prefixCls: string, color?: string): {
+    className: string;
+    overlayStyle: React.CSSProperties;
+    arrowStyle: React.CSSProperties;
+};

node_modules/antd/es/tooltip/util.js

@@ -0,0 +1,25 @@
+import classNames from 'classnames';
+import { isPresetColor } from '../_util/colors';
+import { generateColor } from '../color-picker/util';
+export function parseColor(prefixCls, color) {
+  const isInternalColor = isPresetColor(color);
+  const className = classNames({
+    [`${prefixCls}-${color}`]: color && isInternalColor
+  });
+  const overlayStyle = {};
+  const arrowStyle = {};
+  const rgb = generateColor(color).toRgb();
+  const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
+  const textColor = luminance < 0.5 ? '#FFF' : '#000';
+  if (color && !isInternalColor) {
+    overlayStyle.background = color;
+    overlayStyle['--ant-tooltip-color'] = textColor;
+    // @ts-ignore
+    arrowStyle['--antd-arrow-background-color'] = color;
+  }
+  return {
+    className,
+    overlayStyle,
+    arrowStyle
+  };
+}