@arco-design/mobile-react 2.26.0 → 2.27.0

package/cjs/picker-view/index.js

@@ -82,7 +82,7 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var wrapperRef = (0, _react.useRef)(null);
   var domRef = (0, _react.useRef)(null);
   var barRef = (0, _react.useRef)(null);
-  var scrollValueRef = (0, _react.useRef)(value);
+  var scrollValueRef = (0, _helpers.useLatestRef)(scrollValue);
   var pickerCellsRef = (0, _react.useRef)([]);
   var cascaderRef = (0, _react.useRef)(null);
   var innerData = (0, _react.useMemo)(function () {
@@ -115,20 +115,19 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     return newData;
   }, [data]);
-  (0, _react.useEffect)(function () {
-    scrollValueRef.current = scrollValue;
-  }, [scrollValue]);
 
   var getAllColumnValues = function getAllColumnValues() {
-    return scrollValueRef.current;
+    return scrollValueRef.current || [];
   };
 
   function getColumnValue(index) {
+    var _scrollValueRef$curre;
+
     if (index === void 0) {
       index = 0;
     }
 
-    return scrollValueRef.current[index];
+    return (_scrollValueRef$curre = scrollValueRef.current) == null ? void 0 : _scrollValueRef$curre[index];
   }
 
   function getCellMovingStatus() {
@@ -164,25 +163,17 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     };
   });
 
-  function _onPickerChange(val, index) {
+  function _onValueChange(val, index, newData) {
     setScrollValue(val);
 
     if (onPickerChange) {
-      onPickerChange(val, index);
-    }
-  }
-
-  function _onValueChange(val, index) {
-    setScrollValue(val);
-
-    if (onPickerChange) {
-      onPickerChange(val, index);
+      onPickerChange(val, index, newData);
     }
   }
 
   (0, _react.useEffect)(function () {
     setScrollValue(value);
-  }, [value, setScrollValue]);
+  }, [value]);
   var updateWrapperHeight = (0, _react.useCallback)(function () {
     if (wrapperRef && wrapperRef.current) {
       setWrapperHeight(wrapperRef.current.offsetHeight);
@@ -226,7 +217,6 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       data: data,
       selectedValue: scrollValue,
       onValueChange: _onValueChange,
-      onPickerChange: _onPickerChange,
       clickable: clickable,
       itemHeight: itemHeight,
       wrapperHeight: wrapperHeight,
@@ -240,8 +230,7 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       data: innerData,
       itemHeight: itemHeight,
       selectedValue: scrollValue,
-      onValueChange: _onValueChange,
-      onPickerChange: _onPickerChange
+      onValueChange: _onValueChange
     }, innerData.map(function (item, index) {
       return /*#__PURE__*/_react.default.createElement(_pickerCell.default, {
         key: index + "_picker_cell_normal",

package/cjs/picker-view/type.d.ts

@@ -52,12 +52,12 @@ export interface PickerViewProps {
      * 值, 格式是[value1, value2, value3], 对应数据源的相应级层value
      * @en Value, the format is [value1, value2, value3], corresponding to the corresponding level value of the data source
      */
-    value: ValueType[];
+    value?: ValueType[];
     /**
      * 每列数据选择变化后的回调函数
      * @en The callback function after each column data selection changes
      */
-    onPickerChange?: (value: ValueType[], index: number) => void;
+    onPickerChange?: (value: ValueType[], index: number, data: PickerData[]) => void;
     /**
      * 每列样式
      * @en Stylesheet per column

package/cjs/slider/hooks/useSliderEvents.js

@@ -80,29 +80,29 @@ var useSliderEvents = function useSliderEvents(_ref) {
       return function (realTimeValue) {
         setValueGroup(realTimeValue);
       };
-    } else {
-      var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
-
-      var handleValue = function handleValue(realTimeValue) {
-        setValueGroup(function (passValueGroup) {
-          if (typeof passValueGroup === 'number') {
-            return [passValueGroup, realTimeValue];
-          }
-
-          var newValueGroup = [].concat(passValueGroup);
-          newValueGroup[index] = realTimeValue;
-          return newValueGroup;
-        });
-      };
+    }
 
-      if (isTouching) {
-        setCommonIsTouching(index);
-        handleValue(start);
-        setIsTouching(IsTouchingStatus.Moving);
-      }
+    var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
 
-      return handleValue;
+    var handleValue = function handleValue(realTimeValue) {
+      setValueGroup(function (passValueGroup) {
+        if (typeof passValueGroup === 'number') {
+          return [passValueGroup, realTimeValue];
+        }
+
+        var newValueGroup = [].concat(passValueGroup);
+        newValueGroup[index] = realTimeValue;
+        return newValueGroup;
+      });
+    };
+
+    if (isTouching) {
+      setCommonIsTouching(index);
+      handleValue(start);
+      setIsTouching(IsTouchingStatus.Moving);
     }
+
+    return handleValue;
   }, [touchStartPosition, getValueFromPosition]);
   (0, _react.useEffect)(function () {
     var _lineRef$current;

package/cjs/sticky/index.js

@@ -95,8 +95,8 @@ var Sticky = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var containerTop = containerRect.top,
         containerBottom = containerRect.bottom,
         containerHeight = containerRect.height;
-    var disFromTop = placeholderClientRect.top - containerTop;
-    var disFromBottom = placeholderClientRect.top + calculatedHeight - containerBottom;
+    var disFromTop = Math.round(placeholderClientRect.top - containerTop);
+    var disFromBottom = Math.round(placeholderClientRect.top + calculatedHeight - containerBottom);
     var topFollowDifference = followBottom - followOffset - calculatedHeight - topOffset - containerTop;
     var bottomFollowDifference = containerHeight - followTop - followOffset - calculatedHeight - bottomOffset;
     setWasSticky(Boolean(isStickyRef.current));

package/cjs/style.d.ts

@@ -27,6 +27,8 @@ import './grid/style';
 import './image/style';
 import './show-monitor/style';
 import './image-preview/style';
+import './index-bar/style';
+import './keyboard/style';
 import './load-more/style';
 import './loading/style';
 import './masking/style';

package/cjs/style.js

@@ -58,6 +58,10 @@ require("./show-monitor/style");
 
 require("./image-preview/style");
 
+require("./index-bar/style");
+
+require("./keyboard/style");
+
 require("./load-more/style");
 
 require("./loading/style");