@arco-design/mobile-react 2.25.3 → 2.26.0

package/umd/tabs/tab-pane.js

@@ -14,57 +14,66 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _lodash = _interopRequireDefault(_lodash);
+
   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,
@@ -84,72 +93,91 @@
       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';
@@ -168,19 +196,21 @@
         } 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 {
@@ -190,10 +220,12 @@
         containerBottom: containerBottom
       };
     }
+
     function getRectTop(ele, attr) {
       if (attr === void 0) {
         attr = 'top';
       }
+
       var attrMap = scrollVertical ? {
         top: 'top',
         bottom: 'bottom'
@@ -202,16 +234,19 @@
         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 + "%",
@@ -227,6 +262,7 @@
         transitionDuration: getTransition() + "ms"
       }, heightStyle, commonStyle));
     }
+
     function renderContent(pane, index) {
       var contentProps = {
         key: index,
@@ -236,26 +272,30 @@
         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/umd/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/umd/tag/index.js

@@ -22,12 +22,12 @@
     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.
@@ -36,8 +36,10 @@
    * @name 标签
    * @name_en Tag
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(_tag.Tag, {
     List: List
   });
+
   _exports.default = _default;
 });

package/umd/tag/list.js

@@ -14,32 +14,37 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.componentGenerator = componentGenerator;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _IconAdd = _interopRequireDefault(_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 ? {} : {
@@ -49,8 +54,10 @@
           marginBottom: verticalPadding
         });
       }
+
       function getListStyle() {
         var marginStyle = {};
+
         if (verticalPadding && typeof verticalPadding === 'string') {
           marginStyle = {
             marginBottom: "-" + verticalPadding
@@ -60,11 +67,13 @@
             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/umd/tag/tag.js

@@ -14,35 +14,39 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.Tag = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
   _IconClose = _interopRequireDefault(_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 () {
@@ -50,6 +54,7 @@
         dom: domRef.current
       };
     });
+
     function getTagStyle() {
       return (0, _extends2.default)({
         color: color,
@@ -58,6 +63,7 @@
         borderStyle: borderStyle
       }, style || {});
     }
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       var prefix = prefixCls + "-tag";