@arco-design/mobile-react 2.30.4 → 2.30.6

package/dist/index.js

@@ -13446,10 +13446,8 @@
       });
 
       function _getColumns() {
-        var dateObj = {};
-        allTypes.forEach(function (type) {
-          dateObj[type] = _getActualArray(type, currentDateObjRef.current);
-        });
+        var dateObj = _getActualArray();
+
         var columns = keyOptions.map(function (opt) {
           return dateObj[opt];
         });
@@ -13492,32 +13490,50 @@
       // @en Dynamically change the options of other columns based on the currently selected date
 
 
-      function _getActualArray(type, nowDateObj) {
-        var normalRange = _getNormalRange(type, nowDateObj);
+      function _getActualArray() {
+        var dateObj = {}; // 当前时间对象
+        // @en current Date object
 
-        var range = [];
+        var currentDateObj = __assign$2({}, currentDateObjRef.current);
 
-        switch (type) {
-          case 'year':
-            range = [minDateObjRef.current.year, maxDateObjRef.current.year];
-            break;
+        allTypes.forEach(function (type) {
+          var _a, _b; // 根据日期类型，计算出默认的日期范围
+          // @en According to the date type, calculate the default date range.
 
-          default:
-            {
-              var checkKeys = allTypes.slice(0, allTypes.indexOf(type));
-              range = normalRange;
 
-              if (judgeObj(nowDateObj, minDateObjRef.current, checkKeys)) {
-                range[0] = minDateObjRef.current[type];
-              }
+          var normalRange = _getNormalRange(type, currentDateObj);
+
+          var range = [];
+
+          switch (type) {
+            case 'year':
+              // 默认使用minTs和maxTs年份区间
+              // @en Default use minTs and maxTs years.
+              range = [minDateObjRef.current.year, maxDateObjRef.current.year];
+              break;
+
+            default:
+              {
+                // 除了年份外，其他日期类型都需要判断上一级日期是否相同
+                // @en In addition to the year, other date types need to check if the upper-level date is the same.
+                var checkKeys = allTypes.slice(0, allTypes.indexOf(type));
+                range = normalRange;
+
+                if (judgeObj(currentDateObj, minDateObjRef.current, checkKeys)) {
+                  range[0] = minDateObjRef.current[type];
+                  currentDateObj = __assign$2(__assign$2({}, currentDateObj), (_a = {}, _a[type] = Math.max(minDateObjRef.current[type], currentDateObj[type]), _a));
+                }
 
-              if (judgeObj(nowDateObj, maxDateObjRef.current, checkKeys)) {
-                range[range.length - 1] = maxDateObjRef.current[type];
+                if (judgeObj(currentDateObj, maxDateObjRef.current, checkKeys)) {
+                  range[range.length - 1] = maxDateObjRef.current[type];
+                  currentDateObj = __assign$2(__assign$2({}, currentDateObj), (_b = {}, _b[type] = Math.min(maxDateObjRef.current[type], currentDateObj[type]), _b));
+                }
               }
-            }
-        }
+          }
 
-        return _convertRangeToArr(type, range);
+          dateObj[type] = _convertRangeToArr(type, range);
+        });
+        return dateObj;
       }
 
       function _convertRangeToArr(type, range) {
@@ -15739,6 +15755,11 @@
         }
       }
 
+      function getActualHeight(container) {
+        var height = container.getBoundingClientRect().height;
+        return Math.round(height);
+      }
+
       function truncateText(container, textContainer, max) {
         var content = textContainer.textContent || '';
         var currentText = '';
@@ -15754,9 +15775,9 @@
 
           var temp = content.slice(l, m);
           textContainer.innerText = currentText + temp;
-          var height = container.getBoundingClientRect().height;
+          var actualHeight = getActualHeight(container);
 
-          if (height > max) {
+          if (actualHeight > max) {
             r = m;
           } else {
             currentText += temp;
@@ -15777,6 +15798,7 @@
       function truncateHTML(container, textContainer, max) {
         // only enter this function when container overflow.
         var children = textContainer.childNodes;
+        var actualHeight = getActualHeight(container);
 
         if (children.length === 1) {
           var node = children[0];
@@ -15787,9 +15809,8 @@
             var html = node.innerHTML; // clear content to determine whether the empty node can be placed.
 
             node.innerHTML = '';
-            var height = container.getBoundingClientRect().height;
 
-            if (height > max) {
+            if (actualHeight > max) {
               // return after remove the node, if overflow with empty node.
               textContainer.removeChild(node);
               handleOnReflow(true, textContainer.innerHTML);
@@ -15807,9 +15828,8 @@
 
           while (i < nodes.length) {
             textContainer.appendChild(nodes[i]);
-            var height = container.getBoundingClientRect().height;
 
-            if (height > max) {
+            if (actualHeight > max) {
               if (nodes[i].childNodes && nodes[i].childNodes.length) {
                 break;
               } else {
@@ -15849,10 +15869,10 @@
         }
 
         textRef.current.classList.remove(prefixCls + "-js-content-text-pre");
-        var height = domRef.current.getBoundingClientRect().height;
+        var actualHeight = getActualHeight(domRef.current);
         var max = isNaN(Number(maxHeight)) ? lineHeightRef.current * maxLine : Number(maxHeight);
 
-        if (height <= max) {
+        if (actualHeight <= max) {
           handleOnReflow(false, text);
           return;
         }
@@ -15964,8 +15984,8 @@
     var NativeEllipsis$1 = /*#__PURE__*/React__default["default"].memo(NativeEllipsis);
 
     /**
-     * 文本缩略组件，支持多行缩略、富文本、自定义缩略符、尾字符过滤等。
-     * @en Text ellipsis component supports multi-line abbreviations, rich text, custom abbreviations, tail character filtering, etc.
+     * 文本缩略组件，支持多行缩略、富文本、自定义缩略符、尾字符过滤等。如果传入的文本内容中包含换行符号`\n`，建议将`\n`替换为`<br/>`，并设置`dangerouslyUseInnerHTML=true`。
+     * @en Text ellipsis component supports multi-line abbreviations, rich text, custom abbreviations, tail character filtering, etc. If the incoming text contains newline characters `\n`, it is recommended to replace `\n` with `<br/>`, and set `dangerouslyUseInnerHTML=true`.
      * @type 信息展示
      * @type_en Data Display
      * @name 文本缩略
@@ -20875,6 +20895,7 @@
             dragMode: 'always',
             transformMode: 'matrix',
             useDomBoundary: false,
+            preventScroll: false,
             cubic: {
               scroll: scrollBezier
             },
@@ -23506,10 +23527,13 @@
 
     function Arrow() {
       return /*#__PURE__*/React__default["default"].createElement("svg", {
-        width: "8",
+        width: "2",
         height: "14",
-        viewBox: "0 0 8 14",
-        fill: "none"
+        viewBox: "3 0 2 14",
+        fill: "none",
+        style: {
+          overflow: 'visible'
+        }
       }, /*#__PURE__*/React__default["default"].createElement("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
@@ -26763,6 +26787,7 @@
 
 
         curVisible !== preVisible && handleCheckChildrenExist() && onCompVisibleChange(curVisible, node);
+        component.isVisible = curVisible;
         var key = wrapperKey.current;
         /**
          * 监听一次后加入 pendingList 队列，随后被 listeners 过滤掉
@@ -27963,18 +27988,21 @@
       }))), children);
     }
 
-    var Thumb = function Thumb(_a) {
-      var className = _a.className,
+    function Thumb(_a) {
+      var _b = _a.className,
+          className = _b === void 0 ? '' : _b,
           value = _a.value,
           style = _a.style,
-          isTouching = _a.isTouching;
-      var _b = React.useContext(GlobalContext).prefixCls,
-          prefixCls = _b === void 0 ? '' : _b;
+          isTouching = _a.isTouching,
+          idx = _a.idx;
+      var _c = React.useContext(GlobalContext).prefixCls,
+          prefixCls = _c === void 0 ? '' : _c;
 
-      var _c = React.useContext(SliderContext),
-          showTooltip = _c.showTooltip,
-          renderThumb = _c.renderThumb,
-          formatTooltip = _c.formatTooltip;
+      var _d = React.useContext(SliderContext),
+          showTooltip = _d.showTooltip,
+          renderThumb = _d.renderThumb,
+          formatTooltip = _d.formatTooltip,
+          renderThumbPopover = _d.renderThumbPopover;
 
       var isHidden = showTooltip === 'never';
       var renderValue = React.useMemo(function () {
@@ -27985,21 +28013,21 @@
         if (showTooltip === 'always') return true;
         return isTouching;
       }, [showTooltip, isTouching]);
-
-      var renderWrapper = function renderWrapper(el) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: prefixCls + "-slider-thumb-wrapper " + className,
-          style: __assign$2({}, style)
-        }, el);
-      };
-
       var thumbEl = typeof renderThumb === 'function' ? renderThumb(value) : renderThumb;
-      if (isHidden) return renderWrapper(thumbEl);
-      return renderWrapper( /*#__PURE__*/React__default["default"].createElement(Popover, {
+      var popoverEl = typeof renderThumbPopover === 'function' ? renderThumbPopover({
+        value: value,
+        visible: isTooltipVisible,
+        thumbEl: thumbEl,
+        index: idx
+      }) : /*#__PURE__*/React__default["default"].createElement(Popover, {
         visible: isTooltipVisible,
         content: renderValue
-      }, thumbEl));
-    };
+      }, thumbEl);
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: prefixCls + "-slider-thumb-wrapper " + className,
+        style: style
+      }, isHidden ? thumbEl : popoverEl);
+    }
 
     function Marks(_a) {
       var runTimeConfig = _a.runTimeConfig,
@@ -28190,6 +28218,7 @@
           key: idx
         }, __assign$2({
           value: Array.isArray(valueGroup) ? valueGroup[idx] : valueGroup,
+          idx: idx,
           min: min,
           max: max,
           isTouching: commonIsTouching === idx