@arco-design/mobile-react 2.25.3 → 2.26.0

package/cjs/tabs/tab-pane.js

@@ -1,59 +1,73 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _lodash = _interopRequireDefault(require("lodash.throttle"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _helpers = require("../_helpers");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _cls;
+
   var prefixCls = props.prefixCls,
-    panes = props.panes,
-    tabDirection = props.tabDirection,
-    activeIndex = props.activeIndex,
-    activeIndexRef = props.activeIndexRef,
-    distance = props.distance,
-    wrapWidth = props.wrapWidth,
-    wrapHeight = props.wrapHeight,
-    handlePaneTouchEnd = props.handlePaneTouchEnd,
-    transitionDuration = props.transitionDuration,
-    paneTrans = props.paneTrans,
-    swipeable = props.swipeable,
-    lazyloadCount = props.lazyloadCount,
-    hideContentStyle = props.hideContentStyle,
-    renderHideContent = props.renderHideContent,
-    mode = props.mode,
-    tabPaneStyle = props.tabPaneStyle,
-    tabPaneClass = props.tabPaneClass,
-    tabPaneExtra = props.tabPaneExtra,
-    getScrollContainer = props.getScrollContainer,
-    scrollThrottle = props.scrollThrottle,
-    _props$scrollOffset = props.scrollOffset,
-    scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
-    goLastWhenScrollBottom = props.goLastWhenScrollBottom,
-    scrollVertical = props.scrollVertical,
-    translateZ = props.translateZ,
-    fullScreen = props.fullScreen,
-    autoHeight = props.autoHeight,
-    changeIndex = props.changeIndex,
-    onScroll = props.onScroll;
+      panes = props.panes,
+      tabDirection = props.tabDirection,
+      activeIndex = props.activeIndex,
+      activeIndexRef = props.activeIndexRef,
+      distance = props.distance,
+      wrapWidth = props.wrapWidth,
+      wrapHeight = props.wrapHeight,
+      handlePaneTouchEnd = props.handlePaneTouchEnd,
+      transitionDuration = props.transitionDuration,
+      paneTrans = props.paneTrans,
+      swipeable = props.swipeable,
+      lazyloadCount = props.lazyloadCount,
+      hideContentStyle = props.hideContentStyle,
+      renderHideContent = props.renderHideContent,
+      mode = props.mode,
+      tabPaneStyle = props.tabPaneStyle,
+      tabPaneClass = props.tabPaneClass,
+      tabPaneExtra = props.tabPaneExtra,
+      getScrollContainer = props.getScrollContainer,
+      scrollThrottle = props.scrollThrottle,
+      _props$scrollOffset = props.scrollOffset,
+      scrollOffset = _props$scrollOffset === void 0 ? 0 : _props$scrollOffset,
+      goLastWhenScrollBottom = props.goLastWhenScrollBottom,
+      scrollVertical = props.scrollVertical,
+      translateZ = props.translateZ,
+      fullScreen = props.fullScreen,
+      autoHeight = props.autoHeight,
+      changeIndex = props.changeIndex,
+      onScroll = props.onScroll;
   var domRef = (0, _react.useRef)(null);
   var panesRef = (0, _react.useRef)([]);
   var autoScrollingRef = (0, _react.useRef)(false);
   var timerRef = (0, _react.useRef)(0);
+
   var _useState = (0, _react.useState)([activeIndex, activeIndex]),
-    shownIndexes = _useState[0],
-    setShownIndexes = _useState[1];
+      shownIndexes = _useState[0],
+      setShownIndexes = _useState[1];
+
   var prefix = prefixCls + "-tab-pane";
   var handleTouchEnd = swipeable ? handlePaneTouchEnd : void 0;
+
   var _useState2 = (0, _react.useState)('auto'),
-    currentPaneHeight = _useState2[0],
-    setCurrentPaneHeight = _useState2[1];
+      currentPaneHeight = _useState2[0],
+      setCurrentPaneHeight = _useState2[1];
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,
@@ -73,72 +87,91 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (mode !== 'scroll') {
       return function () {};
     }
+
     var handler = function handler() {
       onScroll == null ? void 0 : onScroll();
+
       if (autoScrollingRef.current) {
         return;
       }
+
       var container = getScrollContainer ? getScrollContainer() : window;
       if (!container) return;
+
       var _getContainerTop = getContainerTop(container),
-        containerTop = _getContainerTop.containerTop,
-        containerBottom = _getContainerTop.containerBottom;
+          containerTop = _getContainerTop.containerTop,
+          containerBottom = _getContainerTop.containerBottom;
+
       for (var i = 0; i < panes.length; i += 1) {
         // 判断范围：-∞ ... top0 ... top1 ... top n ... ∞
         // @en Judge the range: (-∞, top0, top1, ...top n, ∞)
         var curPaneTop = i === 0 ? -Infinity : getRectTop(panesRef.current[i]);
         var nextPaneTop = i === panes.length - 1 ? Infinity : getRectTop(panesRef.current[i + 1]);
+
         if (containerTop >= curPaneTop - scrollOffset && containerTop < nextPaneTop - scrollOffset) {
           changeIndex(i, 'scroll');
           break;
         }
       }
+
       if (goLastWhenScrollBottom) {
         var lastIndex = panes.length - 1;
         var curPaneBottom = getRectTop(panesRef.current[lastIndex], 'bottom');
+
         if (containerBottom === curPaneBottom) {
           changeIndex(lastIndex, 'scroll');
         }
       }
     };
+
     return scrollThrottle ? (0, _lodash.default)(handler, scrollThrottle) : handler;
   }, [mode, scrollThrottle, getScrollContainer, panes.length, scrollOffset, goLastWhenScrollBottom, scrollVertical, onScroll]);
   (0, _react.useEffect)(function () {
     var container = (getScrollContainer == null ? void 0 : getScrollContainer()) || window;
+
     if (container && mode === 'scroll') {
       container.addEventListener('scroll', scrollHandler);
     }
+
     return function () {
       if (container && mode === 'scroll') {
         container.removeEventListener('scroll', scrollHandler);
       }
     };
   }, [scrollHandler]);
+
   function setCurrentHeight() {
     if (!domRef.current || !autoHeight || mode !== 'swipe' || tabDirection !== 'vertical') {
       return;
     }
+
     var allPanesDom = panesRef.current;
     var nowIndex = activeIndexRef.current;
     var currentHeight = (allPanesDom[nowIndex] || {}).offsetHeight || 'auto';
     setCurrentPaneHeight(currentHeight);
   }
+
   function calcShownIndexes() {
     if (typeof lazyloadCount === 'number') {
       setShownIndexes([activeIndex - lazyloadCount, activeIndex + lazyloadCount]);
       return;
     }
+
     setShownIndexes([0, Infinity]);
   }
+
   function getTransition() {
     return paneTrans ? transitionDuration || 0 : 0;
   }
+
   function scrollToIndex(index, rightNow) {
     var container = (getScrollContainer == null ? void 0 : getScrollContainer()) || window;
+
     var _getContainerTop2 = getContainerTop(container),
-      isGlobal = _getContainerTop2.isGlobal,
-      scrollEle = _getContainerTop2.scrollEle,
-      containerTop = _getContainerTop2.containerTop;
+        isGlobal = _getContainerTop2.isGlobal,
+        scrollEle = _getContainerTop2.scrollEle,
+        containerTop = _getContainerTop2.containerTop;
+
     var curPaneTop = getRectTop(panesRef.current[index]);
     var topDis = curPaneTop - containerTop - scrollOffset;
     var scrollAttr = scrollVertical ? 'scrollTop' : 'scrollLeft';
@@ -157,19 +190,21 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       } else {
         scrollEle[scrollAttr] = top;
       }
-    }, duration);
-    // 在自动滚动完成后，过一小段时间再解锁，避免最后一次触发scroll还未完成时就解锁导致乱跳的情况
+    }, duration); // 在自动滚动完成后，过一小段时间再解锁，避免最后一次触发scroll还未完成时就解锁导致乱跳的情况
     // @en After the automatic scrolling is completed, unlock it after a short period of time, to avoid the situation of random jumping caused by unlocking when the scroll is not completed for the last time.
+
     var buffer = 100;
     timerRef.current = window.setTimeout(function () {
       autoScrollingRef.current = false;
     }, duration + (scrollThrottle || 0) + buffer);
   }
+
   function getContainerTop(container) {
     var _getScrollContainerRe = (0, _mobileUtils.getScrollContainerRect)(container),
-      isGlobal = _getScrollContainerRe.isGlobal,
-      scrollEle = _getScrollContainerRe.scrollEle,
-      containerRect = _getScrollContainerRe.containerRect;
+        isGlobal = _getScrollContainerRe.isGlobal,
+        scrollEle = _getScrollContainerRe.scrollEle,
+        containerRect = _getScrollContainerRe.containerRect;
+
     var containerTop = Math.floor(scrollVertical ? containerRect.top : containerRect.left);
     var containerBottom = Math.floor(scrollVertical ? containerRect.bottom : containerRect.right);
     return {
@@ -179,10 +214,12 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       containerBottom: containerBottom
     };
   }
+
   function getRectTop(ele, attr) {
     if (attr === void 0) {
       attr = 'top';
     }
+
     var attrMap = scrollVertical ? {
       top: 'top',
       bottom: 'bottom'
@@ -191,16 +228,19 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       bottom: 'right'
     };
     var attrKey = attrMap[attr];
-    var rect = (ele == null ? void 0 : ele.getBoundingClientRect()) || {};
-    // 消除误差
+    var rect = (ele == null ? void 0 : ele.getBoundingClientRect()) || {}; // 消除误差
     // @en Eliminate errors
+
     return rect[attrKey] ? Math.floor(rect[attrKey]) : 0;
   }
+
   function getPaneStyle() {
     var commonStyle = tabPaneStyle || {};
+
     if (mode === 'scroll') {
       return commonStyle;
     }
+
     var translateStr = translateZ ? ' translateZ(0)' : '';
     var sizeStyle = tabDirection === 'vertical' ? {
       width: 100 * panes.length + "%",
@@ -216,6 +256,7 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       transitionDuration: getTransition() + "ms"
     }, heightStyle, commonStyle));
   }
+
   function renderContent(pane, index) {
     var contentProps = {
       key: index,
@@ -225,26 +266,30 @@ var TabPane = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       ref: function ref(r) {
         return panesRef.current[index] = r;
       }
-    };
-    // 是滚动模式或在加载范围内，直接渲染
+    }; // 是滚动模式或在加载范围内，直接渲染
     // @en Render directly when in scroll mode or in loading scope
+
     if (mode === 'scroll' || index >= shownIndexes[0] && index <= shownIndexes[1]) {
       return /*#__PURE__*/_react.default.createElement("div", contentProps, pane);
-    }
-    // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
+    } // 不在加载范围内，视renderHideContent和hideContentStyle情况而定
     // @en Not in the loading range, depending on renderHideContent and hideContentStyle
+
+
     if (renderHideContent) {
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, contentProps, {
         style: hideContentStyle || {}
       }), renderHideContent(index, pane));
     }
+
     if (hideContentStyle === null) {
       return /*#__PURE__*/_react.default.createElement("div", contentProps);
     }
+
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, contentProps, {
       style: hideContentStyle
     }), pane);
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _mobileUtils.cls)(prefix + "-container", tabDirection, "mode-" + mode, tabPaneClass, {
       'full-screen': fullScreen

package/cjs/tabs/type.d.ts

@@ -220,6 +220,12 @@ export interface TabsProps {
      * @default true
      */
     showUnderline?: boolean;
+    /**
+     * 下划线是否根据 tab cell 长度自适应
+     * @en Whether the underline is adaptive according to the length of the tab cell
+     * @default false
+     */
+    underlineAdaptive?: boolean;
     /**
      * 触发onTouchStopped的最小阈值
      * @en Minimum threshold to trigger onTouchStopped
@@ -465,7 +471,7 @@ export interface TabsRef {
      */
     scrollToIndex: (index: number, rightNow?: boolean) => void;
 }
-export interface TabCellProps extends Pick<TabsProps, 'tabs' | 'type' | 'onTabClick' | 'tabBarPosition' | 'tabBarArrange' | 'tabBarScroll' | 'tabBarFixed' | 'renderUnderline' | 'duration' | 'transitionDuration' | 'useCaterpillar' | 'tabBarExtra' | 'onTabBarOverflowChange' | 'tabBarGutter' | 'tabBarPadding' | 'underlineSize' | 'underlineThick' | 'underlineInnerStyle' | 'caterpillarMaxScale' | 'caterpillarProperty' | 'onTabBarScroll' | 'hideTabBarBeforeMounted' | 'tabBarScrollBezier' | 'tabBarScrollDuration' | 'tabBarScrollChance' | 'tabBarHasDivider' | 'tabBarStyle' | 'tabBarClass' | 'mode' | 'overflowThreshold' | 'showUnderline' | 'disabled' | 'renderTabBarItem' | 'renderTabBarInner' | 'translateZ'> {
+export interface TabCellProps extends Pick<TabsProps, 'tabs' | 'type' | 'onTabClick' | 'tabBarPosition' | 'tabBarArrange' | 'tabBarScroll' | 'tabBarFixed' | 'renderUnderline' | 'duration' | 'transitionDuration' | 'useCaterpillar' | 'tabBarExtra' | 'onTabBarOverflowChange' | 'tabBarGutter' | 'tabBarPadding' | 'underlineSize' | 'underlineThick' | 'underlineInnerStyle' | 'caterpillarMaxScale' | 'caterpillarProperty' | 'onTabBarScroll' | 'hideTabBarBeforeMounted' | 'tabBarScrollBezier' | 'tabBarScrollDuration' | 'tabBarScrollChance' | 'tabBarHasDivider' | 'tabBarStyle' | 'tabBarClass' | 'mode' | 'overflowThreshold' | 'showUnderline' | 'underlineAdaptive' | 'disabled' | 'renderTabBarItem' | 'renderTabBarInner' | 'translateZ'> {
     /**
      * 类前缀
      * @en prefix classname
@@ -590,9 +596,19 @@ export interface TabPaneRef {
      */
     setCurrentHeight: () => void;
 }
-export interface TabCellUnderlineProps extends Pick<TabCellProps, 'useCaterpillar' | 'distance' | 'tabDirection' | 'underlineInnerStyle' | 'cellTrans' | 'duration' | 'activeIndex' | 'wrapWidth' | 'wrapHeight' | 'jumpingDis' | 'caterpillarMaxScale' | 'caterpillarProperty' | 'translateZ' | 'underlineSize' | 'underlineThick' | 'renderUnderline'> {
+export interface OffsetRect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface TabCellUnderlineProps extends Pick<TabCellProps, 'useCaterpillar' | 'distance' | 'tabDirection' | 'underlineInnerStyle' | 'cellTrans' | 'duration' | 'activeIndex' | 'wrapWidth' | 'wrapHeight' | 'jumpingDis' | 'caterpillarMaxScale' | 'caterpillarProperty' | 'translateZ' | 'underlineSize' | 'underlineThick' | 'renderUnderline' | 'underlineAdaptive'> {
     prefix: string;
     showLine: boolean;
+    getTabRect: (index: number) => {
+        left: number;
+        width: number;
+    };
     getTabCenterLeft: (index: number) => number;
 }
 export interface TabCellUnderlineRef {

package/cjs/tag/index.js

@@ -3,22 +3,27 @@
 exports.__esModule = true;
 var _exportNames = {};
 exports.default = void 0;
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _list = require("./list");
+
 var _tag = require("./tag");
+
 var _type = require("./type");
+
 Object.keys(_type).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _type[key]) return;
   exports[key] = _type[key];
 });
+
 /**
  * 标签列表，支持动态编辑标签
  * @en Tag list, support dynamic editing of tags
  */
 var List = (0, _list.componentGenerator)(_tag.Tag);
-
 /**
  * 标签组件，支持标签和标签组。
  * @en Tag component, supports tags and tag groups.
@@ -27,7 +32,9 @@ var List = (0, _list.componentGenerator)(_tag.Tag);
  * @name 标签
  * @name_en Tag
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(_tag.Tag, {
   List: List
 });
+
 exports.default = _default;

package/cjs/tag/list.js

@@ -1,35 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.componentGenerator = componentGenerator;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _tag = require("./tag");
+
 var _IconAdd = _interopRequireDefault(require("../icon/IconAdd"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 componentGenerator(Comp) {
   return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = props.className,
-      style = props.style,
-      list = props.list,
-      type = props.type,
-      _props$showAddButton = props.showAddButton,
-      showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
-      addArea = props.addArea,
-      horizontalPadding = props.horizontalPadding,
-      verticalPadding = props.verticalPadding,
-      onAdd = props.onAdd,
-      _onClose = props.onClose;
+        style = props.style,
+        list = props.list,
+        type = props.type,
+        _props$showAddButton = props.showAddButton,
+        showAddButton = _props$showAddButton === void 0 ? true : _props$showAddButton,
+        addArea = props.addArea,
+        horizontalPadding = props.horizontalPadding,
+        verticalPadding = props.verticalPadding,
+        onAdd = props.onAdd,
+        _onClose = props.onClose;
     var domRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current
       };
     });
+
     function getTagStyle(tag, index) {
       var baseStyle = tag.style || {};
       var paddingStyle = index === list.length - 1 && !showAddButton ? {} : {
@@ -39,8 +50,10 @@ function componentGenerator(Comp) {
         marginBottom: verticalPadding
       });
     }
+
     function getListStyle() {
       var marginStyle = {};
+
       if (verticalPadding && typeof verticalPadding === 'string') {
         marginStyle = {
           marginBottom: "-" + verticalPadding
@@ -50,11 +63,13 @@ function componentGenerator(Comp) {
           marginBottom: -1 * verticalPadding
         };
       }
+
       return (0, _extends2.default)({}, style || {}, marginStyle);
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls,
-        locale = _ref.locale;
+          locale = _ref.locale;
       var prefix = prefixCls + "-tag-list";
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _mobileUtils.cls)(prefix, className),

package/cjs/tag/style/css/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("./index.css");

package/cjs/tag/style/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("./index.less");

package/cjs/tag/tag.js

@@ -1,38 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.Tag = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _helpers = require("../_helpers");
+
 var _IconClose = _interopRequireDefault(require("../icon/IconClose"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 Tag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var className = props.className,
-    style = props.style,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'primary' : _props$type,
-    icon = props.icon,
-    children = props.children,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'medium' : _props$size,
-    color = props.color,
-    bgColor = props.bgColor,
-    borderColor = props.borderColor,
-    _props$borderStyle = props.borderStyle,
-    borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
-    _props$halfBorder = props.halfBorder,
-    halfBorder = _props$halfBorder === void 0 ? true : _props$halfBorder,
-    closeable = props.closeable,
-    closeIcon = props.closeIcon,
-    closeColor = props.closeColor,
-    filleted = props.filleted,
-    onClose = props.onClose,
-    onClick = props.onClick;
+      style = props.style,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'primary' : _props$type,
+      icon = props.icon,
+      children = props.children,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      color = props.color,
+      bgColor = props.bgColor,
+      borderColor = props.borderColor,
+      _props$borderStyle = props.borderStyle,
+      borderStyle = _props$borderStyle === void 0 ? 'solid' : _props$borderStyle,
+      _props$halfBorder = props.halfBorder,
+      halfBorder = _props$halfBorder === void 0 ? true : _props$halfBorder,
+      closeable = props.closeable,
+      closeIcon = props.closeIcon,
+      closeColor = props.closeColor,
+      filleted = props.filleted,
+      onClose = props.onClose,
+      onClick = props.onClick;
   var domRef = (0, _react.useRef)(null);
   var system = (0, _helpers.useSystem)();
   (0, _react.useImperativeHandle)(ref, function () {
@@ -40,6 +50,7 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dom: domRef.current
     };
   });
+
   function getTagStyle() {
     return (0, _extends2.default)({
       color: color,
@@ -48,6 +59,7 @@ var Tag = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       borderStyle: borderStyle
     }, style || {});
   }
+
   return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls;
     var prefix = prefixCls + "-tag";