choerodon-ui/pro/es/form/FormItemLabel.js

An enterprise-class UI design language and React-based implementation

import React, { memo, useCallback, useContext, useEffect, useRef } from 'react';
import isString from 'lodash/isString';
import ConfigContext from '../../../es/config-provider/ConfigContext';
import { Tooltip as LabelTooltip } from '../core/enum';
import isOverflow from '../overflow-tip/util';
import { hide, show } from '../tooltip/singleton';

var FormItemLabel = function FormItemLabel(props) {
  var className = props.className,
      rowSpan = props.rowSpan,
      style = props.style,
      tooltip = props.tooltip,
      children = props.children,
      help = props.help;

  var _useContext = useContext(ConfigContext),
      getTooltipTheme = _useContext.getTooltipTheme,
      getTooltipPlacement = _useContext.getTooltipPlacement;

  var tooltipRef = useRef(false);
  var handleMouseEnter = useCallback(function (e) {
    var currentTarget = e.currentTarget;

    if (tooltip === LabelTooltip.always || tooltip === LabelTooltip.overflow && isOverflow(currentTarget)) {
      show(currentTarget, {
        title: children,
        theme: getTooltipTheme('label'),
        placement: getTooltipPlacement('label')
      });
      tooltipRef.current = true;
    }
  }, [tooltip, children, tooltipRef]);
  var handleMouseLeave = useCallback(function () {
    if (tooltipRef.current) {
      hide();
      tooltipRef.current = false;
    }
  }, [tooltipRef]);
  useEffect(function () {
    return function () {
      if (tooltipRef.current) {
        hide();
        tooltipRef.current = false;
      }
    };
  }, [tooltipRef]);
  return /*#__PURE__*/React.createElement("td", {
    className: className,
    rowSpan: rowSpan,
    style: style
  }, /*#__PURE__*/React.createElement("label", {
    title: isString(children) && ![LabelTooltip.always, LabelTooltip.overflow].includes(tooltip) ? children : undefined
  }, /*#__PURE__*/React.createElement("span", {
    onMouseEnter: handleMouseEnter,
    onMouseLeave: handleMouseLeave
  }, children), help));
};

FormItemLabel.displayName = 'FormItemLabel';
export default /*#__PURE__*/memo(FormItemLabel);
//# sourceMappingURL=FormItemLabel.js.map