@arco-design/mobile-react 2.25.4 → 2.27.0

package/cjs/picker-view/components/picker-cell.js

@@ -1,47 +1,61 @@
 "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 _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 PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var prefixCls = props.prefixCls,
-    style = props.style,
-    data = props.data,
-    clickable = props.clickable,
-    itemHeight = props.itemHeight,
-    wrapperHeight = props.wrapperHeight,
-    selectedValue = props.selectedValue,
-    onValueChange = props.onValueChange,
-    disabled = props.disabled,
-    hideEmptyCols = props.hideEmptyCols,
-    _props$rows = props.rows,
-    rows = _props$rows === void 0 ? 5 : _props$rows,
-    _props$touchToStop = props.touchToStop,
-    touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
+      style = props.style,
+      data = props.data,
+      clickable = props.clickable,
+      itemHeight = props.itemHeight,
+      wrapperHeight = props.wrapperHeight,
+      selectedValue = props.selectedValue,
+      onValueChange = props.onValueChange,
+      disabled = props.disabled,
+      hideEmptyCols = props.hideEmptyCols,
+      _props$rows = props.rows,
+      rows = _props$rows === void 0 ? 5 : _props$rows,
+      _props$touchToStop = props.touchToStop,
+      touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
+
   var _useMountedState = (0, _helpers.useMountedState)(''),
-    transitionDuration = _useMountedState[0],
-    setTransitionDuration = _useMountedState[1];
+      transitionDuration = _useMountedState[0],
+      setTransitionDuration = _useMountedState[1];
+
   var _useState = (0, _react.useState)(''),
-    bezier = _useState[0],
-    setBezier = _useState[1];
+      bezier = _useState[0],
+      setBezier = _useState[1];
+
   var _useMountedState2 = (0, _helpers.useMountedState)(0),
-    currentIndex = _useMountedState2[0],
-    setCurrentIndex = _useMountedState2[1];
+      currentIndex = _useMountedState2[0],
+      setCurrentIndex = _useMountedState2[1];
+
   var _useMountedState3 = (0, _helpers.useMountedState)(selectedValue),
-    currentValue = _useMountedState3[0],
-    setCurrentValue = _useMountedState3[1];
-  // 是否开始touch
+      currentValue = _useMountedState3[0],
+      setCurrentValue = _useMountedState3[1]; // 是否开始touch
   // @en whether to start touch
+
+
   var _useRefState = (0, _helpers.useRefState)(0),
-    transformY = _useRefState[0],
-    transformYRef = _useRefState[1],
-    setTransformY = _useRefState[2];
+      transformY = _useRefState[0],
+      transformYRef = _useRefState[1],
+      setTransformY = _useRefState[2];
+
   var lastTransformYRef = (0, _react.useRef)(0);
   var touchStartTimeRef = (0, _react.useRef)(0);
   var latestCallbackTimer = (0, _react.useRef)(0);
@@ -66,66 +80,78 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       paddingTop: (rowCount - 1) / 2 * itemHeight + "px"
     }));
   }, [transitionDuration, transformY, bezier, itemHeight, rowCount]);
+
   function _scrollingComplete(nowItemIndex) {
     // index有改变时再抛出
     // @en Throws again when index changes
     if (currentIndex !== nowItemIndex) {
-      setCurrentIndex(nowItemIndex);
-      var newValue = data[nowItemIndex] && data[nowItemIndex].value;
+      setCurrentIndex(Math.max(nowItemIndex, 0));
+      var newData = data[nowItemIndex];
+      var newValue = newData == null ? void 0 : newData.value;
+
       if (newValue !== currentValue) {
-        // if (!('selectedValue' in props)) {
-        //     setCurrentValue(newValue);
-        // }
         setCurrentValue(newValue);
+
         if (onValueChange) {
-          onValueChange(newValue);
+          onValueChange(newValue, newData);
         }
       }
     }
   }
+
   function _scrollTo(transY, transDuration, callback) {
     if (transDuration === void 0) {
       transDuration = 0;
     }
+
     if (callback === void 0) {
       callback = function callback() {};
     }
+
     setTransitionDuration(transDuration ? transDuration + "ms" : '');
-    setTransformY(transY);
-    // 处理连续滑动的情况：
+    setTransformY(transY); // 处理连续滑动的情况：
     // @en handle the case of continuous sliding:
     // 如果上一次callback还未执行，先cancel掉上一次回调，只执行最近的一次回调
     // @en If the last callback has not been executed, cancel the last callback first, and only execute the latest callback
+
     if (latestCallbackTimer.current) {
       clearTimeout(latestCallbackTimer.current);
     }
+
     latestCallbackTimer.current = window.setTimeout(function () {
       movingStatusRef.current = 'normal';
       setTransitionDuration('');
       callback();
     }, transDuration);
   }
+
   function _scrollToIndex(itemIndex, transDuration, callback) {
     if (transDuration === void 0) {
       transDuration = 0;
     }
+
     if (callback === void 0) {
       callback = function callback() {};
     }
+
     _scrollTo(-1 * itemIndex * itemHeight, transDuration, callback);
   }
+
   function _scrollToIndexWithChange(itemIndex, transDuration) {
     if (transDuration === void 0) {
       transDuration = 0;
     }
+
     _scrollToIndex(itemIndex, transDuration, function () {
       _scrollingComplete(itemIndex);
     });
   }
+
   var _handleColumnTouchStart = (0, _react.useCallback)(function (e) {
     if (disabled) {
       return;
     }
+
     isTouchMoveRef.current = false;
     movingStatusRef.current = 'moving';
     var x = e.touches[0].screenX;
@@ -137,38 +163,44 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     touchStartYRef.current = y;
     lastTransformYRef.current = transformYRef.current;
   }, [disabled]);
+
   var _handleColumnTouchMove = (0, _react.useCallback)(function (e) {
     if (disabled || !touchingRef.current) {
       return;
     }
+
     isTouchMoveRef.current = true;
     var lastTransformY = lastTransformYRef.current;
     var touchMoveX = e.touches[0].screenX;
     var touchMoveY = e.touches[0].screenY;
     var distanceX = touchMoveX - touchStartXRef.current;
     var distance = touchMoveY - touchStartYRef.current;
+
     if (touchingXRef.current === null) {
       touchingXRef.current = Math.abs(distanceX) > Math.abs(distance);
     }
+
     if (touchingXRef.current) {
       return;
     }
+
     e.cancelable && e.preventDefault();
     var newPos = lastTransformY + distance;
-    var maxPos = -1 * (data.length - 1) * itemHeight;
-    // 当滚动到上边界或下边界时增加阻尼效果
+    var maxPos = -1 * (data.length - 1) * itemHeight; // 当滚动到上边界或下边界时增加阻尼效果
     // @en Add damping effect when scrolling to the upper or lower border
+
     setTransformY(lastTransformY >= 0 && distance > 0 || lastTransformY <= maxPos && distance < 0 ? lastTransformY + distance / 4 : newPos);
   }, [data.length, disabled, itemHeight]);
+
   function _handleScrollEnd() {
     var maxIndex = data.length - 1;
-    var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transformY / itemHeight)));
-    // 滚动（包括加动量的滚动）完成之后定位到最近的一个index上
+    var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transformY / itemHeight))); // 滚动（包括加动量的滚动）完成之后定位到最近的一个index上
     // @en After scrolling (including scrolling with momentum) is completed, it is positioned on the nearest index
+
     _scrollToIndexWithChange(nowIndex, 200);
-  }
+  } // Reference: https://juejin.im/post/6844904185121488910
+
 
-  // Reference: https://juejin.im/post/6844904185121488910
   function momentum(current, start, duration, minY, maxY) {
     var durationMap = {
       noBounce: 2000,
@@ -180,23 +212,24 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       weekBounce: 'cubic-bezier(.25, .46, .45, .94)',
       strongBounce: 'cubic-bezier(.25, .46, .45, .94)'
     };
-    var type = 'noBounce';
-    // 惯性滑动加速度
+    var type = 'noBounce'; // 惯性滑动加速度
     // @en inertial sliding acceleration
-    var deceleration = 0.003;
-    // 回弹阻力
+
+    var deceleration = 0.003; // 回弹阻力
     // @en rebound resistance
-    var bounceRate = 5;
-    // 强弱回弹的分割值
+
+    var bounceRate = 5; // 强弱回弹的分割值
     // @en Split value of strong and weak rebound
-    var bounceThreshold = 300;
-    // 回弹的最大限度
+
+    var bounceThreshold = 300; // 回弹的最大限度
     // @en maximum rebound
+
     var maxOverflowY = wrapperHeight / 6;
     var overflowY;
     var distance = current - start;
     var speed = 2 * Math.abs(distance) / duration;
     var destination = current + speed / deceleration * (distance < 0 ? -1 : 1);
+
     if (destination < minY) {
       overflowY = minY - destination;
       type = overflowY > bounceThreshold ? 'strongBounce' : 'weekBounce';
@@ -206,31 +239,37 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       type = overflowY > bounceThreshold ? 'strongBounce' : 'weekBounce';
       destination = Math.min(maxY + maxOverflowY, maxY + overflowY / bounceRate);
     }
+
     return {
       destination: destination,
       duration: durationMap[type],
       bezier: bezierMap[type]
     };
   }
+
   function _handleColumnTouchEnd() {
     _clearTimer();
+
     movingStatusRef.current = 'normal';
     var lastTransformY = lastTransformYRef.current;
+
     if (!isTouchMoveRef.current || transformY === lastTransformY) {
       return;
     }
+
     touchingRef.current = false;
     var endTime = Date.now();
     var scrollerHeight = (data.length + rowCount - 1) * itemHeight;
     var duration = endTime - touchStartTimeRef.current;
-    var absDistY = Math.abs(transformY - lastTransformY);
-    // 计算动量，保证滚动顺畅，条件：手势时间小于300ms && 移动距离绝对值大于30时
+    var absDistY = Math.abs(transformY - lastTransformY); // 计算动量，保证滚动顺畅，条件：手势时间小于300ms && 移动距离绝对值大于30时
     // @en Calculate the momentum to ensure smooth scrolling, condition: the gesture time is less than 300ms && the absolute value of the moving distance is greater than 30
+
     if (duration < 300 && absDistY > 30) {
       var momentumY = momentum(transformY, lastTransformY, duration, wrapperHeight - scrollerHeight, 0);
       var newItemIndex = Math.max(0, Math.min(data.length - 1, Math.round(-1 * momentumY.destination / itemHeight)));
       setBezier(momentumY.bezier);
       movingStatusRef.current = 'scrolling';
+
       _scrollToIndex(newItemIndex, momentumY.duration, function () {
         _scrollingComplete(newItemIndex);
       });
@@ -238,27 +277,32 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       _handleScrollEnd();
     }
   }
+
   function scrollToCurrentIndex() {
     if (!wrapRef.current) {
       return;
     }
+
     var curStyle = window.getComputedStyle(wrapRef.current);
     var transformMatrix = curStyle.transform || curStyle.webkitTransform || '';
     var transY = Number(transformMatrix.replace(/matrix\((.*?)\)/, '$1').split(/,\s*/).slice(-1)[0]) || 0;
     var maxIndex = data.length - 1;
-    var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transY / itemHeight)));
-    // 滚动（包括加动量的滚动）完成之后定位到最近的一个index上
+    var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transY / itemHeight))); // 滚动（包括加动量的滚动）完成之后定位到最近的一个index上
     // @en After scrolling (including scrolling with momentum) is completed, it is positioned on the nearest index
+
     _scrollToIndexWithChange(nowIndex, 0);
   }
+
   function _clearTimer() {
     timeRef.current && clearTimeout(timeRef.current);
     timeRef.current = null;
   }
+
   function _handleItemTouchStart() {
     if (touchToStop === false) {
       return;
     }
+
     isTouchStopped.current = false;
     timeRef.current = window.setTimeout(function () {
       if (!isTouchMoveRef.current) {
@@ -267,17 +311,21 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     }, touchToStop === true ? 100 : touchToStop);
   }
+
   function _handleItemClick(itemIndex) {
     if (!clickable || disabled || touchToStop !== false && isTouchStopped.current) {
       return;
     }
+
     _scrollToIndexWithChange(itemIndex, 200);
   }
+
   (0, _react.useEffect)(function () {
     if (wrapRef.current) {
       wrapRef.current.addEventListener('touchstart', _handleColumnTouchStart);
       wrapRef.current.addEventListener('touchmove', _handleColumnTouchMove);
     }
+
     return function () {
       if (wrapRef.current) {
         wrapRef.current.removeEventListener('touchstart', _handleColumnTouchStart);
@@ -290,7 +338,8 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var curIndex = data.findIndex(function (item) {
         return item.value === selectedValue;
       });
-      setCurrentIndex(curIndex);
+      setCurrentIndex(Math.max(curIndex, 0));
+
       if (curIndex >= 0) {
         _scrollToIndexWithChange(curIndex);
       }
@@ -314,6 +363,7 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     "aria-disabled": disabled
   }, data.map(function (item, index) {
     var _cls;
+
     var dis = Math.abs(index - currentIndex);
     return /*#__PURE__*/_react.default.createElement("div", {
       "aria-label": index === currentIndex ? "" + item.value : '',

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

@@ -25,7 +25,7 @@ export interface PickerViewRef {
      * 获取第 n 列的值
      * @en Get the value of the nth column
      */
-    getColumnValue: (index: number) => ValueType;
+    getColumnValue: (index: number) => ValueType | undefined;
     /**
      * 手动更新元素布局
      * @en Manually update the element layout

package/cjs/picker-view/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {
   MultiPicker: true,
@@ -8,70 +9,93 @@ var _exportNames = {
   Cascader: true
 };
 exports.default = 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 _multiPicker = _interopRequireDefault(require("../picker-view/components/multi-picker"));
+
 exports.MultiPicker = _multiPicker.default;
+
 var _pickerCell = _interopRequireDefault(require("../picker-view/components/picker-cell"));
+
 exports.PickerCell = _pickerCell.default;
+
 var _cascader = _interopRequireDefault(require("../picker-view/components/cascader"));
+
 exports.Cascader = _cascader.default;
+
 var _helpers = require("../_helpers");
+
 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];
 });
+
 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 PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    itemStyle = props.itemStyle,
-    _props$cascade = props.cascade,
-    cascade = _props$cascade === void 0 ? true : _props$cascade,
-    _props$cols = props.cols,
-    cols = _props$cols === void 0 ? 3 : _props$cols,
-    _props$rows = props.rows,
-    rows = _props$rows === void 0 ? 5 : _props$rows,
-    data = props.data,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$clickable = props.clickable,
-    clickable = _props$clickable === void 0 ? true : _props$clickable,
-    value = props.value,
-    _props$hideEmptyCols = props.hideEmptyCols,
-    hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
-    onPickerChange = props.onPickerChange,
-    _props$touchToStop = props.touchToStop,
-    touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
+      className = _props$className === void 0 ? '' : _props$className,
+      itemStyle = props.itemStyle,
+      _props$cascade = props.cascade,
+      cascade = _props$cascade === void 0 ? true : _props$cascade,
+      _props$cols = props.cols,
+      cols = _props$cols === void 0 ? 3 : _props$cols,
+      _props$rows = props.rows,
+      rows = _props$rows === void 0 ? 5 : _props$rows,
+      data = props.data,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
+      _props$clickable = props.clickable,
+      clickable = _props$clickable === void 0 ? true : _props$clickable,
+      value = props.value,
+      _props$hideEmptyCols = props.hideEmptyCols,
+      hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
+      onPickerChange = props.onPickerChange,
+      _props$touchToStop = props.touchToStop,
+      touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
+
   var _useState = (0, _react.useState)(0),
-    itemHeight = _useState[0],
-    setItemHeight = _useState[1];
+      itemHeight = _useState[0],
+      setItemHeight = _useState[1];
+
   var _useState2 = (0, _react.useState)(0),
-    wrapperHeight = _useState2[0],
-    setWrapperHeight = _useState2[1];
+      wrapperHeight = _useState2[0],
+      setWrapperHeight = _useState2[1];
+
   var _useMountedState = (0, _helpers.useMountedState)(value),
-    scrollValue = _useMountedState[0],
-    setScrollValue = _useMountedState[1];
+      scrollValue = _useMountedState[0],
+      setScrollValue = _useMountedState[1];
+
   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 () {
     var newData;
+
     var isArray = function isArray(dt) {
       return dt ? Array.isArray(dt[0]) : false;
     };
+
     var isStrOrNum = function isStrOrNum(dt) {
       return typeof dt[0][0] === 'string' || typeof dt[0][0] === 'number';
     };
+
     if (isArray(data)) {
       if (isStrOrNum(data)) {
         newData = data.map(function (item) {
@@ -88,36 +112,45 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } else {
       newData = [data];
     }
+
     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() {
     var _cascaderRef$current;
+
     return cascade ? ((_cascaderRef$current = cascaderRef.current) == null ? void 0 : _cascaderRef$current.getCellMovingStatus()) || [] : pickerCellsRef.current.map(function (cell) {
       return cell.movingStatus;
     });
   }
+
   function scrollToCurrentIndex() {
     if (cascade) {
       var _cascaderRef$current2;
+
       (_cascaderRef$current2 = cascaderRef.current) == null ? void 0 : _cascaderRef$current2.scrollToCurrentIndex();
       return;
     }
+
     pickerCellsRef.current.forEach(function (cell) {
       return cell.scrollToCurrentIndex();
     });
   }
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       dom: domRef.current,
@@ -129,41 +162,43 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       scrollToCurrentIndex: scrollToCurrentIndex
     };
   });
-  function _onPickerChange(val, index) {
-    setScrollValue(val);
-    if (onPickerChange) {
-      onPickerChange(val, index);
-    }
-  }
-  function _onValueChange(val, index) {
+
+  function _onValueChange(val, index, newData) {
     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);
     }
   }, [wrapperRef, setWrapperHeight]);
+
   var updateItemHeight = function updateItemHeight() {
     if (barRef.current) {
       setItemHeight(barRef.current.getBoundingClientRect().height);
     }
   };
+
   (0, _react.useEffect)(function () {
     updateLayout();
   }, []);
+
   function updateLayout() {
     updateWrapperHeight();
     updateItemHeight();
   }
+
   function resetValue() {
     setScrollValue(value);
   }
+
   var newItemStyle = (0, _extends2.default)({
     height: itemHeight + "px"
   }, itemStyle);
@@ -182,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,
@@ -196,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",
@@ -236,5 +269,7 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name_en PickerView
  * @displayName PickerView
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(PickerView, 'PickerView');
+
 exports.default = _default;

package/cjs/picker-view/style/css/index.js

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

package/cjs/picker-view/style/index.js

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

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