@teamix/typography/es/Typography.js

文本的基本格式

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
var _excluded = ["prefixCls", "component", "className", "aria-label", "setContentRef", "children"];
import * as React from 'react';
import classNames from 'classnames';
import { ConfigProvider } from '@alicloudfe/components';
import { composeRef } from 'rc-util/lib/ref';
import devWarning from './_util/devWarning';

var Typography = function Typography(_ref, ref) {
  var _classNames;

  var customizePrefixCls = _ref.prefixCls,
      _ref$component = _ref.component,
      component = _ref$component === void 0 ? 'article' : _ref$component,
      className = _ref.className,
      ariaLabel = _ref['aria-label'],
      setContentRef = _ref.setContentRef,
      children = _ref.children,
      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);

  // @ts-ignore getContext warning
  var _ConfigProvider$getCo = ConfigProvider.getContext(),
      _ConfigProvider$getCo2 = _ConfigProvider$getCo.rtl,
      rtl = _ConfigProvider$getCo2 === void 0 ? false : _ConfigProvider$getCo2;

  var prefixCls = 'teamix-typography';
  var mergedRef = ref;

  if (setContentRef) {
    devWarning(false, 'Typography', '`setContentRef` is deprecated. Please use `ref` instead.');
    mergedRef = composeRef(ref, setContentRef);
  }

  var Component = component;
  var componentClassName = classNames(prefixCls, (_classNames = {}, _classNames[prefixCls + "-rtl"] = rtl, _classNames), className);
  return /*#__PURE__*/React.createElement(Component, _extends({
    className: componentClassName,
    "aria-label": ariaLabel,
    ref: mergedRef
  }, restProps), children);
};

var RefTypography = /*#__PURE__*/React.forwardRef(Typography);
RefTypography.displayName = 'Typography'; // es default export should use const instead of let

var ExportTypography = RefTypography;
export default ExportTypography;