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

package/lib/cjs/tabs/TabItem.js

@@ -4,49 +4,37 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/tabs/constants");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 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 TabItem = (props, ref) => {
   const {
-    tab,
-    size,
-    type,
-    icon,
-    selected,
-    closable,
-    disabled,
-    itemKey,
-    deleteTabItem,
-    tabPosition,
-    handleKeyDown,
-    onClick
-  } = props,
-        restProps = __rest(props, ["tab", "size", "type", "icon", "selected", "closable", "disabled", "itemKey", "deleteTabItem", "tabPosition", "handleKeyDown", "onClick"]);
-
+      tab,
+      size,
+      type,
+      icon,
+      selected,
+      closable,
+      disabled,
+      itemKey,
+      deleteTabItem,
+      tabPosition,
+      handleKeyDown,
+      onClick
+    } = props,
+    restProps = __rest(props, ["tab", "size", "type", "icon", "selected", "closable", "disabled", "itemKey", "deleteTabItem", "tabPosition", "handleKeyDown", "onClick"]);
   const closableIcon = (0, _react.useMemo)(() => {
     return type === 'card' && closable ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconClose, {
       "aria-label": "Close",
@@ -83,13 +71,12 @@ const TabItem = (props, ref) => {
   }, restProps, {
     ref: ref
   }), panelIcon, tab, closableIcon);
-}; // Why is forwardRef needed here？
+};
+// Why is forwardRef needed here？
 // Because TabItem needs to be used in OverflowList （when tabs' type is collapsible), 
 // OverflowList will pass ref to the outermost div DOM node of TabItem
-
-
-const ForwardTabItem = /*#__PURE__*/(0, _react.forwardRef)(TabItem); // @ts-ignore 
-
+const ForwardTabItem = /*#__PURE__*/(0, _react.forwardRef)(TabItem);
+// @ts-ignore 
 ForwardTabItem.elementType = 'Tabs.TabItem';
 var _default = ForwardTabItem;
 exports.default = _default;

package/lib/cjs/tabs/TabPane.js

@@ -4,59 +4,42 @@ 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/tabs/constants");
-
 var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
-
 var _tabsContext = _interopRequireDefault(require("./tabs-context"));
-
 var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
-
 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 TabPane extends _react.PureComponent {
   constructor() {
     super(...arguments);
-    this.ref = /*#__PURE__*/(0, _react.createRef)(); // get direction from current item key to activeKey
-
+    this.ref = /*#__PURE__*/(0, _react.createRef)();
+    // get direction from current item key to activeKey
     this.getDirection = (activeKey, itemKey, panes, lastActiveKey) => {
       if (itemKey !== null && activeKey !== null && Array.isArray(panes) && panes.length) {
         const activeIndex = panes.findIndex(pane => pane.itemKey === activeKey);
         const itemIndex = panes.findIndex(pane => pane.itemKey === itemKey);
         const lastActiveIndex = panes.findIndex(pane => pane.itemKey === lastActiveKey);
-
         if (activeIndex === itemIndex) {
           return lastActiveIndex > activeIndex;
         } else {
           return itemIndex < activeIndex;
         }
       }
-
       return false;
     };
-
     this.shouldRender = () => {
       const {
         itemKey
@@ -70,24 +53,21 @@ class TabPane extends _react.PureComponent {
       return lazyRender ? this._active : true;
     };
   }
-
   render() {
     const {
       tabPaneMotion: motion,
       tabPosition,
       prevActiveKey
     } = this.context;
-
     const _a = this.props,
-          {
-      className,
-      style,
-      children,
-      itemKey,
-      tabIndex
-    } = _a,
-          restProps = __rest(_a, ["className", "style", "children", "itemKey", "tabIndex"]);
-
+      {
+        className,
+        style,
+        children,
+        itemKey,
+        tabIndex
+      } = _a,
+      restProps = __rest(_a, ["className", "style", "children", "itemKey", "tabIndex"]);
     const active = this.context.activeKey === itemKey;
     const classNames = (0, _classnames.default)(className, {
       [_constants.cssClasses.TABS_PANE_INACTIVE]: !active,
@@ -95,10 +75,8 @@ class TabPane extends _react.PureComponent {
       [_constants.cssClasses.TABS_PANE]: true
     });
     const shouldRender = this.shouldRender();
-
     const startClassName = (() => {
       const direction = this.getDirection(this.context.activeKey, itemKey, this.context.panes, prevActiveKey);
-
       if (tabPosition === 'top') {
         if (direction) {
           return _constants.cssClasses.TABS_PANE_ANIMATE_RIGHT_SHOW;
@@ -113,7 +91,6 @@ class TabPane extends _react.PureComponent {
         }
       }
     })();
-
     const isActivatedBecauseOtherTabPaneRemoved = !this.context.panes.find(tabPane => tabPane.itemKey === prevActiveKey);
     const hasMotion = motion && active && !isActivatedBecauseOtherTabPaneRemoved && !this.context.forceDisableMotion;
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
@@ -142,9 +119,7 @@ class TabPane extends _react.PureComponent {
       }, animationEventsNeedBind), shouldRender ? children : null);
     }));
   }
-
 }
-
 TabPane.isTabPane = true;
 TabPane.contextType = _tabsContext.default;
 TabPane.propTypes = {

package/lib/cjs/tabs/index.js

@@ -5,39 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {};
 exports.default = void 0;
-
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
-
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/tabs/constants");
-
 var _isNullOrUndefined = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/isNullOrUndefined"));
-
 var _getDataAttr = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/getDataAttr"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/tabs/foundation"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 require("@douyinfe/semi-foundation/lib/cjs/tabs/tabs.css");
-
 var _TabBar = _interopRequireDefault(require("./TabBar"));
-
 var _TabPane = _interopRequireDefault(require("./TabPane"));
-
 var _TabItem = _interopRequireDefault(require("./TabItem"));
-
 var _tabsContext = _interopRequireDefault(require("./tabs-context"));
-
 var _interface = require("./interface");
-
 Object.keys(_interface).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -49,55 +32,39 @@ Object.keys(_interface).forEach(function (key) {
     }
   });
 });
-
 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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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 panePickKeys = ['className', 'style', 'disabled', 'itemKey', 'tab', 'icon'];
-
 class Tabs extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.setContentRef = ref => {
       this.contentRef = {
         current: ref
       };
     };
-
     this.onTabClick = (activeKey, event) => {
       this.foundation.handleTabClick(activeKey, event);
     };
     /* istanbul ignore next */
-
-
     this.rePosChildren = (children, activeKey) => {
       const newChildren = [];
-
       const falttenChildren = _react.default.Children.toArray(children);
-
       if (children.length) {
         newChildren.push(...falttenChildren.filter(child => child.props && child.props.itemKey === activeKey));
         newChildren.push(...falttenChildren.filter(child => child.props && child.props.itemKey !== activeKey));
       }
-
       return newChildren;
     };
-
     this.getActiveItem = () => {
       const {
         activeKey
@@ -106,25 +73,20 @@ class Tabs extends _baseComponent.default {
         children,
         tabList
       } = this.props;
-
       if (tabList || !Array.isArray(children)) {
         return children;
       }
-
       return _react.default.Children.toArray(children).filter(pane => {
         if ( /*#__PURE__*/(0, _react.isValidElement)(pane) && pane.type && pane.type.isTabPane) {
           return pane.props.itemKey === activeKey;
         }
-
         return true;
       });
     };
-
     this.deleteTabItem = (tabKey, event) => {
       event.stopPropagation();
       this.foundation.handleTabDelete(tabKey);
     };
-
     this.foundation = new _foundation.default(this.adapter);
     this.state = {
       activeKey: this.foundation.getDefaultActiveKey(),
@@ -135,7 +97,6 @@ class Tabs extends _baseComponent.default {
     this.contentRef = /*#__PURE__*/(0, _react.createRef)();
     this.contentHeight = 'auto';
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       collectPane: () => {
@@ -143,14 +104,12 @@ class Tabs extends _baseComponent.default {
           tabList,
           children
         } = this.props;
-
         if (Array.isArray(tabList) && tabList.length) {
           this.setState({
             panes: tabList
           });
           return;
         }
-
         const panes = _react.default.Children.map(children, child => {
           if (child) {
             const {
@@ -168,10 +127,8 @@ class Tabs extends _baseComponent.default {
               closable
             };
           }
-
           return undefined;
         });
-
         this.setState({
           panes
         });
@@ -183,15 +140,12 @@ class Tabs extends _baseComponent.default {
           children,
           activeKey: propsActiveKey
         } = this.props;
-
         if (typeof propsActiveKey !== 'undefined') {
           return;
         }
-
         const {
           activeKey
         } = this.state;
-
         if (Array.isArray(tabList) && tabList.length) {
           panes = tabList;
         } else {
@@ -212,11 +166,9 @@ class Tabs extends _baseComponent.default {
                 closable
               };
             }
-
             return undefined;
           });
         }
-
         if (panes.findIndex(p => p.itemKey === activeKey) === -1) {
           if (panes.length > 0) {
             this.setState({
@@ -259,77 +211,64 @@ class Tabs extends _baseComponent.default {
       }
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const states = {};
-
     if (!(0, _isNullOrUndefined.default)(props.activeKey) && props.activeKey !== state.activeKey) {
       state.prevActiveKey = state.activeKey;
       states.activeKey = props.activeKey;
     }
-
     return states;
   }
-
   componentDidUpdate(prevProps, prevState) {
     // Panes state acts on tab bar, no need to compare TabPane children
     const prevChildrenProps = _react.default.Children.toArray(prevProps.children).map(child => (0, _pick2.default)( /*#__PURE__*/(0, _react.isValidElement)(child) ? child.props : null, panePickKeys));
-
     const nowChildrenProps = _react.default.Children.toArray(this.props.children).map(child => (0, _pick2.default)( /*#__PURE__*/(0, _react.isValidElement)(child) ? child.props : null, panePickKeys));
-
     const isTabListType = this.props.tabList || prevProps.tabList;
-
     if (!(0, _isEqual2.default)(this.props.tabList, prevProps.tabList)) {
       this.foundation.handleTabListChange();
     }
-
     if (prevState.activeKey !== this.state.activeKey && prevState.activeKey !== this.state.prevActiveKey) {
       this.setState({
         prevActiveKey: prevState.activeKey
       });
     }
-
     if (prevProps.activeKey !== this.props.activeKey) {
       const newAddedPanelItemKey = (() => {
         const prevItemKeys = new Set(prevChildrenProps.map(p => p.itemKey));
         return nowChildrenProps.map(p => p.itemKey).filter(itemKey => !prevItemKeys.has(itemKey));
       })();
-
       this.setState({
         forceDisableMotion: newAddedPanelItemKey.includes(this.props.activeKey)
       });
-    } // children变化，tabList方式使用时，啥也不用做
+    }
+    // children变化，tabList方式使用时，啥也不用做
     // children变化，非tabList方式使用，需要重新取activeKey。TabPane可能是异步更新的，若不重新取，未设activeKey时，第一个不会自动激活
     // children changed: do nothing in tabList case
     // children changed: recalc activeKey. TabPane could be updated async. If not recalc the first panel will not be activated
-
-
     if (!(0, _isEqual2.default)(prevChildrenProps, nowChildrenProps) && !isTabListType) {
       this.foundation.handleTabPanesChange();
     }
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      className,
-      collapsible,
-      contentStyle,
-      keepDOM,
-      lazyRender,
-      renderTabBar,
-      size,
-      style,
-      tabBarClassName,
-      tabBarExtraContent,
-      tabBarStyle,
-      tabPaneMotion,
-      tabPosition,
-      type
-    } = _a,
-          restProps = __rest(_a, ["children", "className", "collapsible", "contentStyle", "keepDOM", "lazyRender", "renderTabBar", "size", "style", "tabBarClassName", "tabBarExtraContent", "tabBarStyle", "tabPaneMotion", "tabPosition", "type"]);
-
+      {
+        children,
+        className,
+        collapsible,
+        contentStyle,
+        keepDOM,
+        lazyRender,
+        renderTabBar,
+        size,
+        style,
+        tabBarClassName,
+        tabBarExtraContent,
+        tabBarStyle,
+        tabPaneMotion,
+        tabPosition,
+        type
+      } = _a,
+      restProps = __rest(_a, ["children", "className", "collapsible", "contentStyle", "keepDOM", "lazyRender", "renderTabBar", "size", "style", "tabBarClassName", "tabBarExtraContent", "tabBarStyle", "tabPaneMotion", "tabPosition", "type"]);
     const {
       panes,
       activeKey
@@ -377,9 +316,7 @@ class Tabs extends _baseComponent.default {
       style: Object.assign({}, contentStyle)
     }, content)));
   }
-
 }
-
 Tabs.TabPane = _TabPane.default;
 Tabs.TabItem = _TabItem.default;
 Tabs.propTypes = {

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

@@ -1,9 +1,9 @@
 import React, { CSSProperties, MouseEvent, ReactNode } from 'react';
 import { Motion } from '../_base/base';
 import TabBar from './TabBar';
-export declare type TabType = 'line' | 'card' | 'button';
-export declare type TabSize = 'small' | 'medium' | 'large';
-export declare type TabPosition = 'top' | 'left';
+export type TabType = 'line' | 'card' | 'button';
+export type TabSize = 'small' | 'medium' | 'large';
+export type TabPosition = 'top' | 'left';
 export interface PlainTab {
     disabled?: boolean;
     icon?: ReactNode;

package/lib/cjs/tabs/tabs-context.js

@@ -4,12 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const TabsContext = /*#__PURE__*/_react.default.createContext({});
-
 var _default = TabsContext;
 exports.default = _default;

package/lib/cjs/tag/group.js

@@ -4,29 +4,18 @@ 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/tag/constants");
-
 var _index = _interopRequireDefault(require("./index"));
-
 var _index2 = _interopRequireDefault(require("../popover/index"));
-
 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;
 const tagSize = _constants.strings.TAG_SIZE;
 const avatarShapeSet = _constants.strings.AVATAR_SHAPE;
-
 class TagGroup extends _react.PureComponent {
   renderNTag(n, restTags) {
     const {
@@ -35,7 +24,6 @@ class TagGroup extends _react.PureComponent {
       popoverProps,
       onPlusNMouseEnter
     } = this.props;
-
     let nTag = /*#__PURE__*/_react.default.createElement(_index.default, {
       closable: false,
       size: size,
@@ -46,7 +34,6 @@ class TagGroup extends _react.PureComponent {
       key: "_+n",
       onMouseEnter: onPlusNMouseEnter
     }, "+", n);
-
     if (showPopover) {
       nTag = /*#__PURE__*/_react.default.createElement(_index2.default, Object.assign({
         showArrow: true,
@@ -59,10 +46,8 @@ class TagGroup extends _react.PureComponent {
         key: "_+n_Popover"
       }), nTag);
     }
-
     return nTag;
   }
-
   renderMergeTags(tags) {
     const {
       maxTagCount,
@@ -74,16 +59,13 @@ class TagGroup extends _react.PureComponent {
     const normalTags = tags.slice(0, maxTagCount);
     const restTags = tags.slice(maxTagCount);
     let nTag = null;
-
     if (n > 0) {
       nTag = this.renderNTag(n, restTags);
       normalTags.push(nTag);
       renderTags = normalTags;
     }
-
     return renderTags;
   }
-
   renderAllTags() {
     const {
       tagList,
@@ -96,17 +78,13 @@ class TagGroup extends _react.PureComponent {
       if (mode === 'custom') {
         return tag;
       }
-
       const newTag = Object.assign({}, tag);
-
       if (!newTag.size) {
         newTag.size = size;
       }
-
       if (!newTag.avatarShape) {
         newTag.avatarShape = avatarShape;
       }
-
       if (!newTag.tagKey) {
         if (typeof newTag.children === 'string' || typeof newTag.children === 'number') {
           newTag.tagKey = newTag.children;
@@ -114,21 +92,18 @@ class TagGroup extends _react.PureComponent {
           newTag.tagKey = Math.random();
         }
       }
-
       return /*#__PURE__*/_react.default.createElement(_index.default, Object.assign({}, newTag, {
         key: newTag.tagKey,
         onClose: (tagChildren, e, tagKey) => {
           if (newTag.onClose) {
             newTag.onClose(tagChildren, e, tagKey);
           }
-
           onTagClose && onTagClose(tagChildren, e, tagKey);
         }
       }));
     });
     return renderTags;
   }
-
   render() {
     const {
       style,
@@ -149,9 +124,7 @@ class TagGroup extends _react.PureComponent {
       className: groupCls
     }, tagContents);
   }
-
 }
-
 exports.default = TagGroup;
 TagGroup.defaultProps = {
   style: {},