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

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireWildcard(require("react"));

var _isString = _interopRequireDefault(require("lodash/isString"));

var _ConfigContext = _interopRequireDefault(require("../../../lib/config-provider/ConfigContext"));

var _enum = require("../core/enum");

var _util = _interopRequireDefault(require("../overflow-tip/util"));

var _singleton = require("../tooltip/singleton");

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

  var _useContext = (0, _react.useContext)(_ConfigContext["default"]),
      getTooltipTheme = _useContext.getTooltipTheme,
      getTooltipPlacement = _useContext.getTooltipPlacement;

  var tooltipRef = (0, _react.useRef)(false);
  var style = (0, _react.useMemo)(function () {
    return paddingLeft ? {
      paddingLeft: paddingLeft
    } : undefined;
  }, [paddingLeft]);
  var handleMouseEnter = (0, _react.useCallback)(function (e) {
    var currentTarget = e.currentTarget;

    if (tooltip === _enum.Tooltip.always || tooltip === _enum.Tooltip.overflow && (0, _util["default"])(currentTarget)) {
      (0, _singleton.show)(currentTarget, {
        title: children,
        theme: getTooltipTheme('label'),
        placement: getTooltipPlacement('label')
      });
      tooltipRef.current = true;
    }
  }, [tooltip, children, tooltipRef]);
  var handleMouseLeave = (0, _react.useCallback)(function () {
    if (tooltipRef.current) {
      (0, _singleton.hide)();
      tooltipRef.current = false;
    }
  }, [tooltipRef]);
  (0, _react.useEffect)(function () {
    return function () {
      if (tooltipRef.current) {
        (0, _singleton.hide)();
        tooltipRef.current = false;
      }
    };
  }, [tooltipRef]);
  return _react["default"].createElement("td", {
    className: className,
    rowSpan: rowSpan,
    style: style
  }, _react["default"].createElement("label", {
    title: (0, _isString["default"])(children) && ![_enum.Tooltip.always, _enum.Tooltip.overflow].includes(tooltip) ? children : undefined
  }, _react["default"].createElement("span", {
    onMouseEnter: handleMouseEnter,
    onMouseLeave: handleMouseLeave
  }, children), help));
};

FormItemLabel.displayName = 'FormItemLabel';

var _default = (0, _react.memo)(FormItemLabel);

exports["default"] = _default;
//# sourceMappingURL=FormItemLabel.js.map