@arco-design/mobile-react 2.21.0 → 2.21.1

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.21.1](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.21.0...@arco-design/mobile-react@2.21.1) (2022-09-01)
+
+
+### Bug Fixes
+
+* `Ellipsis` duplicate reflow ([41fc0a2](https://github.com/arco-design/arco-design-mobile/commit/41fc0a237c3737e0ad2db09623db3577ca243348))
+* `SearchBar` export type ([5ee5ebf](https://github.com/arco-design/arco-design-mobile/commit/5ee5ebf9923b0d1582a52a646f6daea168b89946))
+* `SwipeAction` import optimize ([5060d25](https://github.com/arco-design/arco-design-mobile/commit/5060d2570e0eb85c6f6b344e9ac9f0b50212f486))
+
+
+
+
+
 # [2.21.0](https://github.com/arco-design/arco-design-mobile/compare/@arco-design/mobile-react@2.19.1...@arco-design/mobile-react@2.21.0) (2022-08-29)
 
 

package/README.en-US.md

@@ -59,8 +59,8 @@ React & ReactDOM: **<a href="https://reactjs.org/docs/cdn-links.html" target="_b
 React Transition Group: **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">Click here</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.20.0/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.20.0/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.21.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.21.0/dist/index.min.js"></script>
 ```
 
 ## Full import

package/README.md

@@ -59,8 +59,8 @@ React & ReactDOM： **<a href="https://reactjs.org/docs/cdn-links.html" target="
 React Transition Group： **<a href="https://reactcommunity.org/react-transition-group/" target="_blank">戳这里获取</a>**
 
 ```
-<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.20.0/dist/style.min.css">
-<script src="https://unpkg.com/@arco-design/mobile-react@2.20.0/dist/index.min.js"></script>
+<link ref="stylesheet" href="https://unpkg.com/@arco-design/mobile-react@2.21.0/dist/style.min.css">
+<script src="https://unpkg.com/@arco-design/mobile-react@2.21.0/dist/index.min.js"></script>
 ```
 
 ## 引入全部

package/cjs/ellipsis/components/js-ellipsis.js

@@ -25,8 +25,7 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       maxHeight = props.maxHeight,
       ellipsisNode = props.ellipsisNode,
       collapseNode = props.collapseNode,
-      _props$endExcludes = props.endExcludes,
-      endExcludes = _props$endExcludes === void 0 ? [] : _props$endExcludes,
+      endExcludes = props.endExcludes,
       reflowOnResize = props.reflowOnResize,
       onReflow = props.onReflow,
       onEllipsisNodeClick = props.onEllipsisNodeClick,
@@ -79,7 +78,7 @@ var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } // Remove the exclude char at the end of the content.
 
 
-    while (endExcludes.includes(currentText[currentText.length - 1])) {
+    while (endExcludes && endExcludes.includes(currentText[currentText.length - 1])) {
       currentText = currentText.slice(0, -1);
     } // Callback after reflow.
 

package/cjs/ellipsis/index.js

@@ -53,15 +53,14 @@ var Ellipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _props$collapseNode = props.collapseNode,
       collapseNode = _props$collapseNode === void 0 ? '' : _props$collapseNode,
       onCollapseNodeClick = props.onCollapseNodeClick,
-      _props$endExcludes = props.endExcludes,
-      endExcludes = _props$endExcludes === void 0 ? [] : _props$endExcludes,
+      endExcludes = props.endExcludes,
       _props$reflowOnResize = props.reflowOnResize,
       reflowOnResize = _props$reflowOnResize === void 0 ? false : _props$reflowOnResize,
       onReflow = props.onReflow,
       onEllipsisNodeClick = props.onEllipsisNodeClick;
   var domRef = (0, _react.useRef)(null);
   var jsEllipsisRef = (0, _react.useRef)(null);
-  var useNativeEllipsis = (0, _is.isSupportWebkitLineClamp)() && maxHeight === void 0 && ellipsisNode === '...' && endExcludes.length === 0 && !onReflow && !onEllipsisNodeClick;
+  var useNativeEllipsis = (0, _is.isSupportWebkitLineClamp)() && maxHeight === void 0 && ellipsisNode === '...' && (!endExcludes || endExcludes.length === 0) && !onReflow && !onEllipsisNodeClick;
   (0, _react.useImperativeHandle)(ref, function () {
     var _jsEllipsisRef$curren;
 

package/cjs/search-bar/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SearchAssociationBaseItem, SearchBarProps, SearchBarRef } from './type';
-export { SearchBarProps, SearchBarRef, SearchAssociationHighlightMode, SearchAssociationItem, SearchAssociationShowType, SearchBarShape, } from './type';
+export type { SearchBarProps, SearchBarRef, SearchAssociationHighlightMode, SearchAssociationItem, SearchAssociationShowType, SearchBarShape, } from './type';
 /**
  * 搜索栏组件
  * @en SearchBar component

package/cjs/search-bar/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.default = exports.SearchBarShape = exports.SearchBarRef = exports.SearchBarProps = exports.SearchAssociationShowType = exports.SearchAssociationItem = exports.SearchAssociationHighlightMode = void 0;
+exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -23,14 +23,6 @@ var _association = require("./association");
 
 var _cancelButton = require("./cancel-button");
 
-var _type = require("./type");
-
-exports.SearchBarProps = _type.SearchBarProps;
-exports.SearchBarRef = _type.SearchBarRef;
-exports.SearchAssociationHighlightMode = _type.SearchAssociationHighlightMode;
-exports.SearchAssociationItem = _type.SearchAssociationItem;
-exports.SearchAssociationShowType = _type.SearchAssociationShowType;
-exports.SearchBarShape = _type.SearchBarShape;
 var _excluded = ["inputClass", "inputStyle", "type", "nativeProps", "id", "name", "maxLength", "placeholder", "readOnly", "onKeyUp", "onKeyPress", "disabled", "pattern", "prefix", "append", "textAlign", "actionButton", "clearable", "clearShowType", "shape", "className", "enableAssociation", "associationVisible", "associationShowType", "associationItems", "highlightClassName", "highlightMode", "highlightStyle", "onCancel", "onAssociationClick", "onAssociationItemClick", "renderAssociation", "renderAssociationItem"];
 
 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); }

package/cjs/swipe-action/index.js

@@ -9,8 +9,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _utils = require("@arco-design/mobile-utils/utils");
-
 var _mobileUtils = require("@arco-design/mobile-utils");
 
 var _contextProvider = require("../context-provider");
@@ -122,7 +120,7 @@ var SwipeAction = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var currentMenu = offsetRef.current > 0 ? 'left' : 'right';
       changeMenu(currentMenu);
       setMoving(false);
-      (0, _utils.nextTick)(function () {
+      (0, _mobileUtils.nextTick)(function () {
         forbidClick.current = false;
       });
     }

package/dist/index.js

@@ -1049,7 +1049,7 @@
      * @desc {en} Please ignore this weird function _(:з」∠)_
      */
 
-    function nextTick$1(func) {
+    function nextTick(func) {
       setTimeout(func, 20);
     }
     /**
@@ -2567,7 +2567,7 @@
         };
 
         render(dynamicProps);
-        nextTick$1(function () {
+        nextTick(function () {
           if (leaving) return;
           dynamicProps.visible = true;
           render(dynamicProps);
@@ -2670,7 +2670,7 @@
 
         if (visible) {
           setOuterVisible(true);
-          nextTick$1(function () {
+          nextTick(function () {
             setInnerVisible(true);
             execAfterOpen(function () {
               isAnimating.current = false;
@@ -3612,7 +3612,7 @@
           }
         };
 
-        nextTick$1(function () {
+        nextTick(function () {
           image.src = attrs.src;
           image.alt = attrs.alt;
           loadingImageRef.current = image;
@@ -3630,7 +3630,7 @@
           // @en Force refresh <img> to reload
 
           setStaticRetrying(true);
-          nextTick$1(function () {
+          nextTick(function () {
             setStaticRetrying(false);
           });
         }
@@ -4530,7 +4530,7 @@
         }
       }, [index, direction, childSize, total]);
       React.useEffect(function () {
-        nextTick$1(function () {
+        nextTick(function () {
           updateLayoutData();
         });
       }, [shownIndex, autoHeight, allChildren]);
@@ -4655,7 +4655,7 @@
         onTransitionStart && onTransitionStart();
         setTimeout(function () {
           setPosAdjusting(false);
-          nextTick$1(function () {
+          nextTick(function () {
             setDirection(getDefaultDirection());
             var newTransform = transformsRef.current.slice();
             var transChanged = false;
@@ -4678,7 +4678,7 @@
               onAfterChange && onAfterChange(changedIndex, oldIndex);
             }
 
-            nextTick$1(function () {
+            nextTick(function () {
               setPlayIntervalRef.current();
             });
           });
@@ -5240,7 +5240,7 @@
         }
 
         render(dynamicProps);
-        nextTick$1(function () {
+        nextTick(function () {
           // 在即将打开时发现已经调用了close则取消打开操作
           // @en When it is about to be opened, it is found that close has been called and the open operation is canceled
           if (leaving) return;
@@ -6328,7 +6328,7 @@
 
         var height = getContentHeight();
         contentWrapRef.current.style.height = opened ? contentHeightRef.current + "px" : '0px';
-        nextTick$1(function () {
+        nextTick(function () {
           contentHeightRef.current = height;
           resetHeight(opened ? height + "px" : '0px');
         });
@@ -6664,7 +6664,7 @@
         };
       }, [animationKey]);
       React.useEffect(function () {
-        nextTick$1(function () {
+        nextTick(function () {
           setCellOverflow(); // dom出来之后originArrange置空，交由tabBarArrange控制
           // @en After the dom comes out, originArrange is left empty and controlled by tabBarArrange
 
@@ -6679,7 +6679,7 @@
         resetUnderlineStyle();
       }, [useCaterpillar, caterpillar, cellTrans, duration, tabDirection, wrapWidth, wrapHeight, distance, animationKey, caterpillarDelay]);
       React.useEffect(function () {
-        nextTick$1(function () {
+        nextTick(function () {
           resetUnderlineStyle();
         });
       }, [activeIndex, tabs, getCellPadding('left'), getCellPadding('right'), tabBarGutter, tabDirection]);
@@ -6895,7 +6895,7 @@
 
         var movedTime = (duration || 0) * Math.abs(movedRatio);
         setCaterpillarDelay(movedTime);
-        nextTick$1(function () {
+        nextTick(function () {
           setCaterpillar(true);
         });
 
@@ -7977,7 +7977,7 @@
 
         var changeFrom = changeFromRef.current;
         changeFromRef.current = '';
-        nextTick$1(function () {
+        nextTick(function () {
           setTimeout(function () {
             onAfterChange && onAfterChange(tabs[activeIndex], activeIndex, changeFrom);
           }, paneRef.current ? paneRef.current.getTransition() : 0);
@@ -8106,7 +8106,7 @@
           newIndex = index + 1;
         }
 
-        nextTick$1(function () {
+        nextTick(function () {
           jumpTo(newIndex);
         });
       }
@@ -9723,7 +9723,7 @@
         var _a;
 
         (_a = pickerViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollToCurrentIndex();
-        nextTick$1(function () {
+        nextTick(function () {
           var _a;
 
           var val = ((_a = pickerViewRef.current) === null || _a === void 0 ? void 0 : _a.getAllColumnValues()) || scrollValue;
@@ -10491,7 +10491,7 @@
           }
 
           updateDown(wrapperHeight);
-          nextTick$1(function () {
+          nextTick(function () {
             setOptionsWrapperHeight(wrapperHeight);
           });
         }, [showDropdown, options.length, height, updateDown]);
@@ -11990,8 +11990,7 @@
           maxHeight = props.maxHeight,
           ellipsisNode = props.ellipsisNode,
           collapseNode = props.collapseNode,
-          _b = props.endExcludes,
-          endExcludes = _b === void 0 ? [] : _b,
+          endExcludes = props.endExcludes,
           reflowOnResize = props.reflowOnResize,
           onReflow = props.onReflow,
           onEllipsisNodeClick = props.onEllipsisNodeClick,
@@ -12042,7 +12041,7 @@
         } // Remove the exclude char at the end of the content.
 
 
-        while (endExcludes.includes(currentText[currentText.length - 1])) {
+        while (endExcludes && endExcludes.includes(currentText[currentText.length - 1])) {
           currentText = currentText.slice(0, -1);
         } // Callback after reflow.
 
@@ -12237,15 +12236,14 @@
           _d = props.collapseNode,
           collapseNode = _d === void 0 ? '' : _d,
           onCollapseNodeClick = props.onCollapseNodeClick,
-          _e = props.endExcludes,
-          endExcludes = _e === void 0 ? [] : _e,
-          _f = props.reflowOnResize,
-          reflowOnResize = _f === void 0 ? false : _f,
+          endExcludes = props.endExcludes,
+          _e = props.reflowOnResize,
+          reflowOnResize = _e === void 0 ? false : _e,
           onReflow = props.onReflow,
           onEllipsisNodeClick = props.onEllipsisNodeClick;
       var domRef = React.useRef(null);
       var jsEllipsisRef = React.useRef(null);
-      var useNativeEllipsis = isSupportWebkitLineClamp() && maxHeight === void 0 && ellipsisNode === '...' && endExcludes.length === 0 && !onReflow && !onEllipsisNodeClick;
+      var useNativeEllipsis = isSupportWebkitLineClamp() && maxHeight === void 0 && ellipsisNode === '...' && (!endExcludes || endExcludes.length === 0) && !onReflow && !onEllipsisNodeClick;
       React.useImperativeHandle(ref, function () {
         var _a;
 
@@ -12784,7 +12782,7 @@
           }; // 将当前 listener 存入 listeners
 
           !disabled && listeners[curWrapperKey].push(listener.current);
-          nextTick$1(function () {
+          nextTick(function () {
             !disabled && _checkVisible(listener.current);
           });
         }
@@ -16898,7 +16896,7 @@
         if (transImageInfo) {
           preventEleScroll();
         } else {
-          nextTick$1(function () {
+          nextTick(function () {
             freeEleScroll();
           });
         }
@@ -17415,7 +17413,7 @@
           // @en Transform the small image rect to the large image rect and add transition to make a magnification effect
 
 
-          nextTick$1(function () {
+          nextTick(function () {
             transImage.style.opacity = '1';
             setImageBounds(transImage, rect, thumbBounds);
             setTimeout(function () {
@@ -17618,7 +17616,7 @@
           onAfterChange: function onAfterChange(index, oldIndex) {
             _onAfterChange && _onAfterChange(index);
             restoreTransformer(oldIndex);
-            nextTick$1(function () {
+            nextTick(function () {
               initTransformer(innerIndexRef.current);
             });
           },
@@ -17852,7 +17850,7 @@
       }
 
       function handleFocus(e) {
-        nextTick$1(function () {
+        nextTick(function () {
           if (preventEventWhenClearing && shouldPreventEvent.current) {
             shouldPreventEvent.current = false;
             return;
@@ -17865,7 +17863,7 @@
       }
 
       function handleBlur(e) {
-        nextTick$1(function () {
+        nextTick(function () {
           if (preventEventWhenClearing && shouldPreventEvent.current) {
             return;
           }
@@ -17881,7 +17879,7 @@
         // @en Android will have the problem that the keyboard cannot be switched. iOS does not enable this, because it can no longer automatically focus after blur.
         if (blurBeforeFocus && system === 'android' && !isFocusing) {
           inputRef.current && inputRef.current.blur();
-          nextTick$1(function () {
+          nextTick(function () {
             inputRef.current && inputRef.current.focus();
           });
         } else {
@@ -18460,7 +18458,7 @@
       }
 
       function updateData() {
-        nextTick$1(function () {
+        nextTick(function () {
           setTimeout(function () {
             updateLayoutData();
           }, needMarquee ? 0 : delay);
@@ -18499,7 +18497,7 @@
             contentDom.style.animationDuration = wrapWidth / speed + duration_1 + "s";
             contentDom.style.animationIterationCount = 'infinite';
             contentDom.style.paddingLeft = wrapWidth + "px";
-            nextTick$1(function () {
+            nextTick(function () {
               setNeedMarquee(true);
             });
           }, duration_1 * 1000);
@@ -18606,7 +18604,7 @@
         }
 
         render(dynamicProps);
-        nextTick$1(function () {
+        nextTick(function () {
           if (leaving) return;
           dynamicProps.visible = true;
           render(dynamicProps);
@@ -18685,7 +18683,7 @@
         }
       }, [visible]);
       React.useEffect(function () {
-        nextTick$1(function () {
+        nextTick(function () {
           setHasTrans(true);
         });
         return function () {
@@ -20333,7 +20331,7 @@
         if (per > 0 && per >= percentToClose && Math.abs(value) > distanceToClose || Math.abs(speed) > speedToClose) {
           setHasTrans(false);
           close(e);
-          nextTick$1(function () {
+          nextTick(function () {
             setDistance({
               direction: direc,
               value: getDescDisFromDirection(direc, value)
@@ -21034,7 +21032,7 @@
       var refresh = function refresh() {
         return new Promise(function (resolve) {
           setStatus(PullRefreshStatus.Loading);
-          nextTick$1(function () {
+          nextTick(function () {
             scroll(tipsHeight, 300);
             handleRefresh().then(function () {
               if (pullTextConfig[PullRefreshStatus.Finish]) {
@@ -22365,7 +22363,7 @@
         onCancel === null || onCancel === void 0 ? void 0 : onCancel(); // 如果不延迟，在聚焦切输入框有值的情况下，点击取消按钮会造成闪烁
         // @en If there is no delay, when the focus cut input box has a value, clicking the cancel button will cause flickering
 
-        nextTick$1(function () {
+        nextTick(function () {
           setVisible(false);
         });
       };
@@ -22934,19 +22932,6 @@
       });
     });
 
-    /**
-     * @type utils
-     * @name utils
-     */
-    /**
-     * 历史逻辑问题，轻喷 _(:з」∠)_
-     * @desc {en} Please ignore this weird function _(:з」∠)_
-     */
-
-    function nextTick(func) {
-      setTimeout(func, 20);
-    }
-
     function renderAction(_a) {
       var action = _a.action,
           prefixCls = _a.prefixCls,