@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.1-alpha.0

package/lib/cjs/typography/copyable.js

@@ -4,35 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Copyable = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _index = _interopRequireDefault(require("../tooltip/index"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
-
 var _copyTextToClipboard = _interopRequireDefault(require("copy-text-to-clipboard"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _isEnterPress = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isEnterPress"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Copyable extends _react.default.PureComponent {
   constructor(props) {
     super(props);
-
     this.copy = e => {
       const {
         content,
@@ -43,7 +29,6 @@ class Copyable extends _react.default.PureComponent {
       onCopy && onCopy(e, content, res);
       this.setCopied(content, duration);
     };
-
     this.setCopied = (item, timer) => {
       this.setState({
         copied: true,
@@ -53,7 +38,6 @@ class Copyable extends _react.default.PureComponent {
         this.resetCopied();
       }, timer * 1000);
     };
-
     this.resetCopied = () => {
       if (this._timeId) {
         clearTimeout(this._timeId);
@@ -64,21 +48,17 @@ class Copyable extends _react.default.PureComponent {
         });
       }
     };
-
     this.renderSuccessTip = () => {
       const {
         successTip
       } = this.props;
-
       if (typeof successTip !== 'undefined') {
         return successTip;
       }
-
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Typography"
       }, locale => /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_semiIcons.IconTick, null), locale.copied));
     };
-
     this.renderCopyIcon = () => {
       const {
         icon
@@ -89,11 +69,9 @@ class Copyable extends _react.default.PureComponent {
         onClick: this.copy,
         onKeyPress: e => (0, _isEnterPress.default)(e) && this.copy(e)
       };
-      {
-        /* TODO: replace `a` tag with `span` in next major version
-          NOTE: may have effect on style */
+      {/* TODO: replace `a` tag with `span` in next major version
+         NOTE: may have effect on style */
       }
-
       const defaultIcon =
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/anchor-is-valid
@@ -102,23 +80,19 @@ class Copyable extends _react.default.PureComponent {
       }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconCopy, Object.assign({
         onClick: this.copy
       }, copyProps)));
-
       return /*#__PURE__*/_react.default.isValidElement(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, copyProps) : defaultIcon;
     };
-
     this.state = {
       copied: false,
       item: ''
     };
   }
-
   componentWillUnmount() {
     if (this._timeId) {
       clearTimeout(this._timeId);
       this._timeId = null;
     }
   }
-
   render() {
     const {
       style,
@@ -145,9 +119,7 @@ class Copyable extends _react.default.PureComponent {
       content: typeof copyTip !== 'undefined' ? copyTip : locale.copy
     }, this.renderCopyIcon())));
   }
-
 }
-
 exports.Copyable = Copyable;
 Copyable.propTypes = {
   content: _propTypes.default.string,

package/lib/cjs/typography/index.d.ts

@@ -3,7 +3,7 @@ import Text from './text';
 import Title from './title';
 import Paragraph from './paragraph';
 import Numeral from './numeral';
-export declare type TypographyType = typeof BaseTypography & {
+export type TypographyType = typeof BaseTypography & {
     Text: typeof Text;
     Title: typeof Title;
     Paragraph: typeof Paragraph;

package/lib/cjs/typography/index.js

@@ -5,19 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _typography = _interopRequireDefault(require("./typography"));
-
 var _text = _interopRequireDefault(require("./text"));
-
 var _title = _interopRequireDefault(require("./title"));
-
 var _paragraph = _interopRequireDefault(require("./paragraph"));
-
 var _numeral = _interopRequireDefault(require("./numeral"));
-
 var _interface = require("./interface");
-
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -29,9 +22,7 @@ Object.keys(_interface).forEach(function (key) {
     }
   });
 });
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const Typography = _typography.default;
 Typography.Text = _text.default;
 Typography.Title = _title.default;

package/lib/cjs/typography/interface.d.ts

@@ -1,14 +1,15 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { PopoverProps } from '../popover';
 import { TooltipProps } from '../tooltip';
 import { ArrayElement } from '../_base/base';
 import { strings } from '@douyinfe/semi-foundation/lib/cjs/typography/constants';
-export declare type EllipsisPos = 'end' | 'middle';
-export declare type ShowTooltip = {
+export type EllipsisPos = 'end' | 'middle';
+export type ShowTooltip = {
     type?: string;
     opts?: Partial<PopoverProps> & Partial<TooltipProps>;
+    renderTooltip?: (content: TooltipProps['content'], children: ReactNode) => ReactNode;
 };
-export declare type Ellipsis = {
+export type Ellipsis = {
     collapseText?: string;
     collapsible?: boolean;
     expandText?: string;
@@ -19,9 +20,9 @@ export declare type Ellipsis = {
     suffix?: string;
     onExpand?: (expanded: boolean, event: React.MouseEvent<HTMLAnchorElement>) => void;
 };
-export declare type OmitTypographyProps = 'dangerouslySetInnerHTML';
-export declare type TypographyBaseType = ArrayElement<typeof strings.TYPE>;
-export declare type TypographyBaseSize = ArrayElement<typeof strings.SIZE>;
-export declare type TypographyBaseSpacing = ArrayElement<typeof strings.SPACING>;
-export declare type TypographyBaseRule = ArrayElement<typeof strings.RULE>;
-export declare type TypographyBaseTruncate = ArrayElement<typeof strings.TRUNCATE>;
+export type OmitTypographyProps = 'dangerouslySetInnerHTML';
+export type TypographyBaseType = ArrayElement<typeof strings.TYPE>;
+export type TypographyBaseSize = ArrayElement<typeof strings.SIZE>;
+export type TypographyBaseSpacing = ArrayElement<typeof strings.SPACING>;
+export type TypographyBaseRule = ArrayElement<typeof strings.RULE>;
+export type TypographyBaseTruncate = ArrayElement<typeof strings.TRUNCATE>;

package/lib/cjs/typography/numeral.d.ts

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { TypographyBaseSize, TypographyBaseType, TypographyBaseRule, OmitTypographyProps, TypographyBaseTruncate } from './interface';
 import { CopyableConfig, LinkType } from './title';
-declare type OmitNumeralProps = OmitTypographyProps;
+type OmitNumeralProps = OmitTypographyProps;
 export interface NumeralProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, OmitNumeralProps> {
     rule?: TypographyBaseRule;
     precision?: number;

package/lib/cjs/typography/numeral.js

@@ -4,41 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
-
 var _base = _interopRequireDefault(require("./base"));
-
 var _formatNumeral = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/typography/formatNumeral"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 class Numeral extends _react.PureComponent {
   // Traverse the entire virtual DOM using a depth-first traversal algorithm, then format each piece. (in react)
   formatNodeDFS(node) {
     if (!Array.isArray(node)) {
       node = [node];
-    } // Because the property is read-only, an object is returned for overwriting rather than directly modifying the object's contents.
-
-
+    }
+    // Because the property is read-only, an object is returned for overwriting rather than directly modifying the object's contents.
     node = node.map(item => {
       if (typeof item === 'string' || typeof item === 'number') {
         // Formatting the digital content of nodes.
         return new _formatNumeral.default(String(item), this.props.rule, this.props.precision, this.props.truncate, this.props.parser).format();
       }
-
       if (typeof item === 'function') {
         return this.formatNodeDFS(item());
       }
-
       if (typeof item === 'object' && 'children' in item['props']) {
         return Object.assign(Object.assign({}, item), {
           props: Object.assign(Object.assign({}, item['props']), {
@@ -46,26 +34,22 @@ class Numeral extends _react.PureComponent {
           })
         });
       }
-
       return item;
     });
     return node.length === 1 ? node[0] : node;
   }
-
   render() {
     // Deep copy and remove props that are not needed by the Base component.
     const baseProps = Object.assign({}, this.props);
     delete baseProps.rule;
-    delete baseProps.parser; // Each piece of content in the virtual DOM is formatted by the `formatNumeral` function.
-
+    delete baseProps.parser;
+    // Each piece of content in the virtual DOM is formatted by the `formatNumeral` function.
     baseProps.children = this.formatNodeDFS(this.props.children);
     return /*#__PURE__*/_react.default.createElement(_base.default, Object.assign({
       component: 'span'
     }, baseProps));
   }
-
 }
-
 exports.default = Numeral;
 Numeral.propTypes = {
   rule: _propTypes.default.oneOf(_constants.strings.RULE),

package/lib/cjs/typography/paragraph.d.ts

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { Ellipsis, TypographyBaseSize, TypographyBaseSpacing, TypographyBaseType, OmitTypographyProps } from './interface';
 import { CopyableConfig, LinkType } from './title';
-declare type OmitParagraphProps = OmitTypographyProps;
+type OmitParagraphProps = OmitTypographyProps;
 export interface ParagraphProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, OmitParagraphProps> {
     className?: string;
     component?: React.ElementType;

package/lib/cjs/typography/paragraph.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
-
 var _base = _interopRequireDefault(require("./base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Paragraph extends _react.PureComponent {
   render() {
     const {
@@ -35,9 +25,7 @@ class Paragraph extends _react.PureComponent {
       className: paragraphCls
     }));
   }
-
 }
-
 exports.default = Paragraph;
 Paragraph.propTypes = {
   copyable: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),

package/lib/cjs/typography/text.d.ts

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { Ellipsis, TypographyBaseSize, TypographyBaseType, OmitTypographyProps } from './interface';
 import { CopyableConfig, LinkType } from './title';
-declare type OmitTextProps = OmitTypographyProps;
+type OmitTextProps = OmitTypographyProps;
 export interface TextProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, OmitTextProps> {
     children?: React.ReactNode;
     className?: string;

package/lib/cjs/typography/text.js

@@ -4,30 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
-
 var _base = _interopRequireDefault(require("./base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 class Text extends _react.PureComponent {
   render() {
     return /*#__PURE__*/_react.default.createElement(_base.default, Object.assign({
       component: 'span'
     }, this.props));
   }
-
 }
-
 exports.default = Text;
 Text.propTypes = {
   copyable: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),

package/lib/cjs/typography/title.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { strings } from '@douyinfe/semi-foundation/lib/cjs/typography/constants';
 import { Ellipsis, TypographyBaseType, OmitTypographyProps } from './interface';
 import { ArrayElement } from '@douyinfe/semi-foundation/lib/cjs/utils/type';
-declare type OmitTitleProps = OmitTypographyProps;
+type OmitTitleProps = OmitTypographyProps;
 export interface CopyableConfig {
     content?: string;
     copyTip?: React.ReactNode;
@@ -11,7 +11,7 @@ export interface CopyableConfig {
     icon?: React.ReactNode;
     onCopy?(e: React.MouseEvent, content: string, res: boolean): void;
 }
-export declare type LinkType = React.AnchorHTMLAttributes<HTMLAnchorElement> | boolean;
+export type LinkType = React.AnchorHTMLAttributes<HTMLAnchorElement> | boolean;
 export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, OmitTitleProps> {
     className?: string;
     component?: React.ElementType;

package/lib/cjs/typography/title.js

@@ -4,50 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
-
 var _base = _interopRequireDefault(require("./base"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var __rest = void 0 && (void 0).__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;
 };
-
 class Title extends _react.PureComponent {
   render() {
     const _a = this.props,
-          {
-      heading
-    } = _a,
-          rest = __rest(_a, ["heading"]);
-
-    const component = _constants.strings.HEADING.indexOf(heading) !== -1 ? `h${heading}` : 'h1'; // Passing headings to support custom components
-
+      {
+        heading
+      } = _a,
+      rest = __rest(_a, ["heading"]);
+    const component = _constants.strings.HEADING.indexOf(heading) !== -1 ? `h${heading}` : 'h1';
+    // Passing headings to support custom components
     return /*#__PURE__*/_react.default.createElement(_base.default, Object.assign({
       component: component,
       heading: component
     }, rest));
   }
-
 }
-
 exports.default = Title;
 Title.propTypes = {
   copyable: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.bool]),

package/lib/cjs/typography/typography.js

@@ -4,47 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/typography/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/typography/typography.css");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var __rest = void 0 && (void 0).__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;
 };
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class Typography extends _react.PureComponent {
   render() {
     const _a = this.props,
-          {
-      component,
-      className,
-      children,
-      forwardRef
-    } = _a,
-          rest = __rest(_a, ["component", "className", "children", "forwardRef"]);
-
+      {
+        component,
+        className,
+        children,
+        forwardRef
+      } = _a,
+      rest = __rest(_a, ["component", "className", "children", "forwardRef"]);
     const Component = component;
     const classNames = (0, _classnames.default)(prefixCls, className);
     return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
@@ -52,9 +38,7 @@ class Typography extends _react.PureComponent {
       ref: forwardRef
     }, rest), children);
   }
-
 }
-
 Typography.defaultProps = {
   component: 'article',
   style: {},