@arco-design/mobile-react 2.24.1 → 2.25.0

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

@@ -14,55 +14,45 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   _exports.default = void 0;
   _extends2 = _interopRequireDefault(_extends2);
   _react = _interopRequireWildcard(_react);
-
   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);
@@ -87,80 +77,66 @@
         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;
-
         if (newValue !== currentValue) {
           // if (!('selectedValue' in props)) {
           //     setCurrentValue(newValue);
           // }
           setCurrentValue(newValue);
-
           if (onValueChange) {
             onValueChange(newValue);
           }
         }
       }
     }
-
     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;
@@ -172,44 +148,38 @@
       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,
@@ -221,24 +191,23 @@
         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';
@@ -248,37 +217,31 @@
         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);
         });
@@ -286,32 +249,27 @@
         _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) {
@@ -320,21 +278,17 @@
         }
       }, 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);
@@ -348,7 +302,6 @@
           return item.value === selectedValue;
         });
         setCurrentIndex(curIndex);
-
         if (curIndex >= 0) {
           _scrollToIndexWithChange(curIndex);
         }
@@ -372,7 +325,6 @@
       "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/umd/picker-view/index.d.ts

@@ -42,6 +42,7 @@ export interface PickerViewRef {
      */
     scrollToCurrentIndex: () => void;
 }
+declare const _default: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<PickerViewRef>> & "PickerView";
 /**
  * 选择器视图组件，不含弹窗，方便使用方灵活定制选择器。
  * @en The picker view component, not has contain popup, which is convenient for the user to flexibly customize the picker.
@@ -49,6 +50,6 @@ export interface PickerViewRef {
  * @type_en Data Entry
  * @name 选择器视图
  * @name_en PickerView
+ * @displayName PickerView
  */
-declare const PickerView: React.ForwardRefExoticComponent<PickerViewProps & React.RefAttributes<PickerViewRef>>;
-export default PickerView;
+export default _default;

package/umd/picker-view/index.js

@@ -1,20 +1,19 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["exports", "@babel/runtime/helpers/extends", "react", "../context-provider", "../picker-view/components/multi-picker", "../picker-view/components/picker-cell", "../picker-view/components/cascader", "../_helpers", "./type"], factory);
+    define(["exports", "@babel/runtime/helpers/extends", "react", "@arco-design/mobile-utils", "../context-provider", "../picker-view/components/multi-picker", "../picker-view/components/picker-cell", "../picker-view/components/cascader", "../_helpers", "./type"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("../context-provider"), require("../picker-view/components/multi-picker"), require("../picker-view/components/picker-cell"), require("../picker-view/components/cascader"), require("../_helpers"), require("./type"));
+    factory(exports, require("@babel/runtime/helpers/extends"), require("react"), require("@arco-design/mobile-utils"), require("../context-provider"), require("../picker-view/components/multi-picker"), require("../picker-view/components/picker-cell"), require("../picker-view/components/cascader"), require("../_helpers"), require("./type"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(mod.exports, global._extends, global.react, global.contextProvider, global.multiPicker, global.pickerCell, global.cascader, global._helpers, global.type);
+    factory(mod.exports, global._extends, global.react, global.mobileUtils, global.contextProvider, global.multiPicker, global.pickerCell, global.cascader, global._helpers, global.type);
     global.index = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _contextProvider, _multiPicker, _pickerCell, _cascader, _helpers, _type) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _extends2, _react, _mobileUtils, _contextProvider, _multiPicker, _pickerCell, _cascader, _helpers, _type) {
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
   _exports.__esModule = true;
   var _exportNames = {
     MultiPicker: true,
@@ -36,53 +35,38 @@
     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; }
-
-  /**
-   * 选择器视图组件，不含弹窗，方便使用方灵活定制选择器。
-   * @en The picker view component, not has contain popup, which is convenient for the user to flexibly customize the picker.
-   * @type 数据录入
-   * @type_en Data Entry
-   * @name 选择器视图
-   * @name_en PickerView
-   */
   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);
@@ -91,15 +75,12 @@
     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) {
@@ -116,46 +97,36 @@
       } else {
         newData = [data];
       }
-
       return newData;
     }, [data]);
     (0, _react.useEffect)(function () {
       scrollValueRef.current = scrollValue;
     }, [scrollValue]);
-
     var getAllColumnValues = function getAllColumnValues() {
       return scrollValueRef.current;
     };
-
     function getColumnValue(index) {
       if (index === void 0) {
         index = 0;
       }
-
       return scrollValueRef.current[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,
@@ -167,23 +138,18 @@
         scrollToCurrentIndex: scrollToCurrentIndex
       };
     });
-
     function _onPickerChange(val, index) {
       setScrollValue(val);
-
       if (onPickerChange) {
         onPickerChange(val, index);
       }
     }
-
     function _onValueChange(val, index) {
       setScrollValue(val);
-
       if (onPickerChange) {
         onPickerChange(val, index);
       }
     }
-
     (0, _react.useEffect)(function () {
       setScrollValue(value);
     }, [value, setScrollValue]);
@@ -192,26 +158,21 @@
         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);
@@ -275,6 +236,15 @@
       })));
     });
   });
-  var _default = PickerView;
+  /**
+   * 选择器视图组件，不含弹窗，方便使用方灵活定制选择器。
+   * @en The picker view component, not has contain popup, which is convenient for the user to flexibly customize the picker.
+   * @type 数据录入
+   * @type_en Data Entry
+   * @name 选择器视图
+   * @name_en PickerView
+   * @displayName PickerView
+   */
+  var _default = (0, _mobileUtils.componentWrapper)(PickerView, 'PickerView');
   _exports.default = _default;
 });