@arco-design/mobile-react 2.25.3 → 2.26.0

package/umd/notify/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     methodsGenerator: true
@@ -29,40 +30,47 @@
     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 Notify = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
-      _props$transitionDura = props.transitionDuration,
-      transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
-      content = props.content,
-      _props$duration = props.duration,
-      duration = _props$duration === void 0 ? 3000 : _props$duration,
-      onClose = props.onClose,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'info' : _props$type,
-      close = props.close,
-      getContainer = props.getContainer;
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        _props$visible = props.visible,
+        visible = _props$visible === void 0 ? false : _props$visible,
+        _props$transitionDura = props.transitionDuration,
+        transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
+        content = props.content,
+        _props$duration = props.duration,
+        duration = _props$duration === void 0 ? 3000 : _props$duration,
+        onClose = props.onClose,
+        _props$type = props.type,
+        type = _props$type === void 0 ? 'info' : _props$type,
+        close = props.close,
+        getContainer = props.getContainer;
     var domRef = (0, _react.useRef)(null);
     var innerRef = (0, _react.useRef)(null);
     var closeTimerRef = (0, _react.useRef)();
     var onCloseTimeRef = (0, _react.useRef)();
+
     var _useState = (0, _react.useState)(!visible),
-      hasTrans = _useState[0],
-      setHasTrans = _useState[1];
+        hasTrans = _useState[0],
+        setHasTrans = _useState[1];
+
     var _useState2 = (0, _react.useState)(0),
-      innerHeight = _useState2[0],
-      setInnerHeight = _useState2[1];
+        innerHeight = _useState2[0],
+        setInnerHeight = _useState2[1];
+
     (0, _react.useImperativeHandle)(ref, function () {
       return {
         dom: domRef.current,
         updateLayout: updateLayout
       };
     });
+
     function startCloseTimer() {
       if (duration) {
         clearTimeout(closeTimerRef.current);
@@ -71,13 +79,16 @@
         }, duration);
       }
     }
+
     function updateLayout() {
       if (innerRef.current) {
         var _innerRef$current$get = innerRef.current.getBoundingClientRect(),
-          height = _innerRef$current$get.height;
+            height = _innerRef$current$get.height;
+
         setInnerHeight(height);
       }
     }
+
     (0, _react.useEffect)(function () {
       visible && updateLayout();
       visible && startCloseTimer();
@@ -100,6 +111,7 @@
         clearTimeout(onCloseTimeRef.current);
       };
     }, []);
+
     function renderComponent(prefixClass) {
       return content ? /*#__PURE__*/_react.default.createElement("div", {
         className: prefixClass + "-content " + (visible ? prefixClass + "-content-transition-Y0" : prefixClass + "-content-transition-Y100"),
@@ -109,6 +121,7 @@
         }) : {})
       }, content) : null;
     }
+
     var render = function render(prefixCls) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prefixCls + "-notify " + prefixCls + "-notify-" + type + " " + className,
@@ -120,11 +133,13 @@
         ref: domRef
       }, renderComponent(prefixCls + "-notify"));
     };
+
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls;
       return getContainer ? /*#__PURE__*/_reactDom.default.createPortal(render(prefixCls), getContainer()) : render(prefixCls);
     });
   });
+
   function methodsGenerator(Comp) {
     return {
       /**
@@ -134,6 +149,7 @@
        * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
        */
       info: (0, _methods.notify)(Comp),
+
       /**
        * 展示成功通知
        * @desc {en} Show success notification
@@ -141,6 +157,7 @@
        * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
        */
       success: (0, _methods.notify)(Comp, 'success'),
+
       /**
        * 展示错误的通知
        * @desc {en} Show error notification
@@ -148,6 +165,7 @@
        * @returns {{ update: (config: NotifyProps) => void; close: () => void }}
        */
       error: (0, _methods.notify)(Comp, 'error'),
+
       /**
        * 展示警告的通知
        * @desc {en} Show warning notification
@@ -157,8 +175,8 @@
       warn: (0, _methods.notify)(Comp, 'warn')
     };
   }
-  var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify);
 
+  var NotifyWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Notify);
   /**
    * 主动操作后显示的反馈信息横条，可采用方法调用或者组件调用的方式
    * @en The feedback information bar displayed after active operation can be called by method or by component.
@@ -167,6 +185,8 @@
    * @name 消息通知
    * @name_en Notify
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Notify, methodsGenerator(NotifyWithGlobalContext));
+
   _exports.default = _default;
 });

package/umd/notify/methods.js

@@ -14,36 +14,45 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.notify = notify;
   _extends2 = _interopRequireDefault(_extends2);
+
   function notify(Component, type) {
     return function (originConfig, context) {
       var config = typeof originConfig === 'string' ? {
         content: originConfig,
         type: 'info'
       } : originConfig;
+
       if (type !== void 0) {
         config.type = type;
       }
+
       var div = document.createElement('div');
       var getContainer = config.getContainer;
+
       if (getContainer) {
         getContainer().appendChild(div);
       } else {
         document.body.appendChild(div);
       }
+
       var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
-        render = _ReactDOMRender.render,
-        unmount = _ReactDOMRender.unmount;
+          render = _ReactDOMRender.render,
+          unmount = _ReactDOMRender.unmount;
+
       function destroy() {
         var onClose = config.onClose;
         onClose && onClose();
         unmount();
+
         if (div.parentNode) {
           div.parentNode.removeChild(div);
         }
       }
+
       var dynamicProps = (0, _extends2.default)({}, config, {
         close: close,
         onClose: destroy,
@@ -53,15 +62,18 @@
         visible: false
       });
       var leaving = false;
+
       function update(newConfig) {
         dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig);
         render(dynamicProps);
       }
+
       function close() {
         leaving = true;
         dynamicProps.visible = false;
         render(dynamicProps);
       }
+
       render(dynamicProps);
       (0, _mobileUtils.nextTick)(function () {
         if (leaving) return;

package/umd/pagination/arrow.js

@@ -14,9 +14,11 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = Arrow;
   _react = _interopRequireDefault(_react);
+
   function Arrow() {
     return /*#__PURE__*/_react.default.createElement("svg", {
       width: "8",

package/umd/pagination/index.js

@@ -14,12 +14,16 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   _exports.default = void 0;
   _react = _interopRequireWildcard(_react);
   _arrow = _interopRequireDefault(_arrow);
+
   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 pagination component is used for data paging and is a fully controlled component.
@@ -30,35 +34,37 @@
    */
   var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _cls4;
+
     var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
-      prefixCls = _useContext.prefixCls,
-      locale = _useContext.locale;
+        prefixCls = _useContext.prefixCls,
+        locale = _useContext.locale;
+
     var _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      style = props.style,
-      _props$current = props.current,
-      current = _props$current === void 0 ? 1 : _props$current,
-      _props$pageSize = props.pageSize,
-      pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
-      _props$total = props.total,
-      total = _props$total === void 0 ? 5 : _props$total,
-      _props$icon = props.icon,
-      icon = _props$icon === void 0 ? false : _props$icon,
-      _props$justify = props.justify,
-      justify = _props$justify === void 0 ? 'side' : _props$justify,
-      _props$hideOnOnePage = props.hideOnOnePage,
-      hideOnOnePage = _props$hideOnOnePage === void 0 ? false : _props$hideOnOnePage,
-      _props$nextFieldType = props.nextFieldType,
-      nextFieldType = _props$nextFieldType === void 0 ? 'default' : _props$nextFieldType,
-      renderPrevField = props.renderPrevField,
-      renderNextField = props.renderNextField,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'default' : _props$type,
-      _props$prevFieldText = props.prevFieldText,
-      prevFieldText = _props$prevFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.previousPage : _props$prevFieldText,
-      _props$nextFieldText = props.nextFieldText,
-      nextFieldText = _props$nextFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.nextPage : _props$nextFieldText,
-      onChange = props.onChange;
+        className = _props$className === void 0 ? '' : _props$className,
+        style = props.style,
+        _props$current = props.current,
+        current = _props$current === void 0 ? 1 : _props$current,
+        _props$pageSize = props.pageSize,
+        pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
+        _props$total = props.total,
+        total = _props$total === void 0 ? 5 : _props$total,
+        _props$icon = props.icon,
+        icon = _props$icon === void 0 ? false : _props$icon,
+        _props$justify = props.justify,
+        justify = _props$justify === void 0 ? 'side' : _props$justify,
+        _props$hideOnOnePage = props.hideOnOnePage,
+        hideOnOnePage = _props$hideOnOnePage === void 0 ? false : _props$hideOnOnePage,
+        _props$nextFieldType = props.nextFieldType,
+        nextFieldType = _props$nextFieldType === void 0 ? 'default' : _props$nextFieldType,
+        renderPrevField = props.renderPrevField,
+        renderNextField = props.renderNextField,
+        _props$type = props.type,
+        type = _props$type === void 0 ? 'default' : _props$type,
+        _props$prevFieldText = props.prevFieldText,
+        prevFieldText = _props$prevFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.previousPage : _props$prevFieldText,
+        _props$nextFieldText = props.nextFieldText,
+        nextFieldText = _props$nextFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.nextPage : _props$nextFieldText,
+        onChange = props.onChange;
     var system = (0, _helpers.useSystem)();
     var pageNum = (0, _react.useMemo)(function () {
       return Math.ceil(total / pageSize);
@@ -69,6 +75,7 @@
         dom: domRef.current
       };
     });
+
     var iconRender = function iconRender(iconType) {
       if (iconType === 'prev') {
         if (Array.isArray(icon) && Boolean(icon.length)) {
@@ -76,35 +83,44 @@
             className: "btn-icon"
           }, icon[0]);
         }
+
         if (Object.prototype.toString.call(icon) === '[object Object]') {
           return /*#__PURE__*/_react.default.createElement("span", {
             className: "btn-icon"
           }, icon);
         }
+
         return icon ? /*#__PURE__*/_react.default.createElement("span", {
           className: "btn-icon"
         }, /*#__PURE__*/_react.default.createElement(_arrow.default, null)) : null;
       }
+
       if (Array.isArray(icon) && Boolean(icon.length)) {
         return /*#__PURE__*/_react.default.createElement("span", {
           className: "btn-icon"
         }, icon.length >= 2 ? icon[1] : icon[0]);
       }
+
       if (Object.prototype.toString.call(icon) === '[object Object]') {
         return /*#__PURE__*/_react.default.createElement("span", {
           className: "btn-icon next"
         }, icon);
       }
+
       return icon ? /*#__PURE__*/_react.default.createElement("span", {
         className: "btn-icon next"
       }, /*#__PURE__*/_react.default.createElement(_arrow.default, null)) : null;
     };
+
     var prevRender = function prevRender(prefix) {
       var _cls;
+
       if (type === 'none') {
         return null;
       }
+
       var prevFieldCls = (0, _mobileUtils.cls)(prefix + "-prev-field", (_cls = {}, _cls["flex-" + justify] = true, _cls));
+
       if (typeof renderPrevField === 'undefined') {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: prevFieldCls
@@ -118,6 +134,7 @@
             if (current <= 1) {
               return;
             }
+
             onChange == null ? void 0 : onChange({
               pageSize: pageSize,
               pageNum: pageNum,
@@ -128,6 +145,7 @@
           className: "btn-text"
         }, prevFieldText)));
       }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: prevFieldCls
       }, renderPrevField ? renderPrevField({
@@ -136,14 +154,19 @@
         pageNum: pageNum
       }) : null);
     };
+
     var nextRender = function nextRender(prefix) {
       var _cls2;
+
       if (type === 'none') {
         return null;
       }
+
       var nextFieldCls = (0, _mobileUtils.cls)(prefix + "-next-field", (_cls2 = {}, _cls2["flex-" + justify] = true, _cls2));
+
       if (typeof renderNextField === 'undefined') {
         var _cls3;
+
         return /*#__PURE__*/_react.default.createElement("div", {
           className: nextFieldCls
         }, /*#__PURE__*/_react.default.createElement("div", {
@@ -155,6 +178,7 @@
             if (current >= pageNum) {
               return;
             }
+
             onChange == null ? void 0 : onChange({
               pageSize: pageSize,
               pageNum: pageNum,
@@ -165,6 +189,7 @@
           className: "btn-text"
         }, nextFieldText), iconRender('next')));
       }
+
       var nextItem = renderNextField && renderNextField({
         current: current,
         pageSize: pageSize,
@@ -174,6 +199,7 @@
         className: nextFieldCls
       }, nextItem);
     };
+
     var prefix = prefixCls + "-pagination";
     return !(hideOnOnePage && pageNum === 1) ? /*#__PURE__*/_react.default.createElement("div", {
       ref: domRef,

package/umd/picker/index.js

@@ -14,6 +14,7 @@
   "use strict";
 
   var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
   _exports.__esModule = true;
   var _exportNames = {
     MultiPicker: true,
@@ -36,74 +37,88 @@
     _exports[key] = _type[key];
   });
   var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl"];
+
   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 getInitialValue = function getInitialValue(value, data, cascade) {
     if (value && value.length) {
       return value;
     }
+
     var computedValue = [];
+
     if (!cascade) {
       if (!(data[0] instanceof Array)) {
         var _data$;
+
         return (_data$ = data[0]) != null && _data$.value ? [data[0].value] : [];
       }
+
       data.map(function (column) {
         computedValue.push(typeof column[0] === 'object' ? column[0].value : column[0]);
       });
     } else {
       var cascadePickerData = data;
+
       if (!cascadePickerData || !cascadePickerData.length) {
         return computedValue;
       }
+
       computedValue.push(cascadePickerData[0].value);
       var traverse = cascadePickerData[0].children;
+
       while (traverse) {
         computedValue.push(traverse[0].value);
         traverse = traverse[0].children;
       }
     }
+
     return computedValue;
   };
+
   var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var className = 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,
-      okText = props.okText,
-      dismissText = props.dismissText,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      _props$clickable = props.clickable,
-      clickable = _props$clickable === void 0 ? true : _props$clickable,
-      _props$hideEmptyCols = props.hideEmptyCols,
-      hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
-      _props$title = props.title,
-      title = _props$title === void 0 ? '' : _props$title,
-      _props$visible = props.visible,
-      visible = _props$visible === void 0 ? false : _props$visible,
-      value = props.value,
-      _props$needBottomOffs = props.needBottomOffset,
-      needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
-      onDismiss = props.onDismiss,
-      onOk = props.onOk,
-      onChange = props.onChange,
-      _props$maskClosable = props.maskClosable,
-      maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
-      onHide = props.onHide,
-      onPickerChange = props.onPickerChange,
-      touchToStop = props.touchToStop,
-      _props$gestureOutOfCo = props.gestureOutOfControl,
-      gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
-      otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+        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,
+        okText = props.okText,
+        dismissText = props.dismissText,
+        _props$disabled = props.disabled,
+        disabled = _props$disabled === void 0 ? false : _props$disabled,
+        _props$clickable = props.clickable,
+        clickable = _props$clickable === void 0 ? true : _props$clickable,
+        _props$hideEmptyCols = props.hideEmptyCols,
+        hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
+        _props$title = props.title,
+        title = _props$title === void 0 ? '' : _props$title,
+        _props$visible = props.visible,
+        visible = _props$visible === void 0 ? false : _props$visible,
+        value = props.value,
+        _props$needBottomOffs = props.needBottomOffset,
+        needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
+        onDismiss = props.onDismiss,
+        onOk = props.onOk,
+        onChange = props.onChange,
+        _props$maskClosable = props.maskClosable,
+        maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
+        onHide = props.onHide,
+        onPickerChange = props.onPickerChange,
+        touchToStop = props.touchToStop,
+        _props$gestureOutOfCo = props.gestureOutOfControl,
+        gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
+        otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+
     var _useState = (0, _react.useState)(getInitialValue(value, data, cascade)),
-      scrollValue = _useState[0],
-      setScrollValue = _useState[1];
+        scrollValue = _useState[0],
+        setScrollValue = _useState[1];
+
     var domRef = (0, _react.useRef)(null);
     var pickerViewRef = (0, _react.useRef)(null);
     (0, _react.useImperativeHandle)(ref, function () {
@@ -111,68 +126,82 @@
         dom: domRef.current,
         getCellMovingStatus: function getCellMovingStatus() {
           var _pickerViewRef$curren;
+
           return ((_pickerViewRef$curren = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren.getCellMovingStatus()) || [];
         },
         getAllColumnValues: function getAllColumnValues() {
           var _pickerViewRef$curren2;
+
           return ((_pickerViewRef$curren2 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren2.getAllColumnValues()) || [];
         },
         getColumnValue: function getColumnValue(index) {
           var _pickerViewRef$curren3;
+
           return ((_pickerViewRef$curren3 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren3.getColumnValue(index)) || '';
         },
         updateLayout: function updateLayout() {
           var _pickerViewRef$curren4;
+
           return (_pickerViewRef$curren4 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren4.updateLayout();
         },
         scrollToCurrentIndex: function scrollToCurrentIndex() {
           var _pickerViewRef$curren5;
+
           return (_pickerViewRef$curren5 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren5.scrollToCurrentIndex();
         }
       };
     });
+
     function handleDismiss() {
       if (onDismiss) {
         onDismiss();
       }
+
       if (onHide) {
         onHide('dismiss');
       }
     }
+
     var handleConfirm = function handleConfirm() {
       var _pickerViewRef$curren6;
+
       (_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.scrollToCurrentIndex();
       (0, _mobileUtils.nextTick)(function () {
         var _pickerViewRef$curren7;
+
         var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValue;
+
         if (onOk) {
           onOk(val);
         }
+
         if (onChange) {
           onChange(val);
         }
+
         if (onHide) {
           onHide('confirm');
         }
       });
     };
+
     (0, _react.useEffect)(function () {
       setScrollValue(value);
     }, [value, setScrollValue]);
-    (0, _helpers.useListenResize)(updateLayoutByVisible, [visible]);
+    (0, _helpers.useListenResize)(updateLayoutByVisible, [visible]); // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
 
-    // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
     function updateLayoutByVisible() {
       if (visible && pickerViewRef.current) {
         pickerViewRef.current.updateLayout();
       }
     }
+
     (0, _react.useEffect)(function () {
       updateLayoutByVisible();
     }, [visible]);
     return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
       var prefixCls = _ref.prefixCls,
-        locale = _ref.locale;
+          locale = _ref.locale;
       return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
         visible: visible,
         className: (0, _mobileUtils.cls)(className, prefixCls + "-picker all-border-box"),
@@ -212,7 +241,6 @@
       })));
     });
   });
-
   /**
    * 选择器组件，形式是弹起的浮层。
    * @en The selector component, in the form of a popup layer.
@@ -222,6 +250,8 @@
    * @name_en Picker
    * @displayName Picker
    */
+
   var _default = (0, _mobileUtils.componentWrapper)(Picker, 'Picker');
+
   _exports.default = _default;
 });