@arco-design/mobile-react 2.25.4 → 2.26.0

package/cjs/picker/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 var _exportNames = {
   MultiPicker: true,
@@ -8,18 +9,29 @@ var _exportNames = {
   Cascader: true
 };
 exports.default = exports.PickerCell = exports.MultiPicker = exports.Cascader = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _contextProvider = require("../context-provider");
+
 var _popup = _interopRequireDefault(require("../popup"));
+
 var _pickerView = _interopRequireWildcard(require("../picker-view"));
+
 exports.MultiPicker = _pickerView.MultiPicker;
 exports.PickerCell = _pickerView.PickerCell;
 exports.Cascader = _pickerView.Cascader;
+
 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;
@@ -27,74 +39,88 @@ Object.keys(_type).forEach(function (key) {
   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 () {
@@ -102,68 +128,82 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       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"),
@@ -203,7 +243,6 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     })));
   });
 });
-
 /**
  * 选择器组件，形式是弹起的浮层。
  * @en The selector component, in the form of a popup layer.
@@ -213,5 +252,7 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
  * @name_en Picker
  * @displayName Picker
  */
+
 var _default = (0, _mobileUtils.componentWrapper)(Picker, 'Picker');
+
 exports.default = _default;

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

@@ -1,6 +1,9 @@
 "use strict";
 
 require("../../../../style/css/public.css");
+
 require("../../../popup/style/css");
+
 require("../../../picker-view/style/css");
+
 require("./index.css");

package/cjs/picker/style/index.js

@@ -1,6 +1,9 @@
 "use strict";
 
 require("../../../style/public.less");
+
 require("../../popup/style");
+
 require("../../picker-view/style");
+
 require("./index.less");

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

@@ -1,30 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _mobileUtils = require("@arco-design/mobile-utils");
+
 var _multiPicker = _interopRequireDefault(require("./multi-picker"));
+
 var _pickerCell = _interopRequireDefault(require("./picker-cell"));
+
 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 Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var prefixCls = props.prefixCls,
-    itemStyle = props.itemStyle,
-    cols = props.cols,
-    data = props.data,
-    disabled = props.disabled,
-    clickable = props.clickable,
-    itemHeight = props.itemHeight,
-    wrapperHeight = props.wrapperHeight,
-    rows = props.rows,
-    hideEmptyCols = props.hideEmptyCols,
-    onPickerChange = props.onPickerChange,
-    onValueChange = props.onValueChange,
-    _props$selectedValue = props.selectedValue,
-    selectedValue = _props$selectedValue === void 0 ? [] : _props$selectedValue,
-    touchToStop = props.touchToStop;
+      itemStyle = props.itemStyle,
+      cols = props.cols,
+      data = props.data,
+      disabled = props.disabled,
+      clickable = props.clickable,
+      itemHeight = props.itemHeight,
+      wrapperHeight = props.wrapperHeight,
+      rows = props.rows,
+      hideEmptyCols = props.hideEmptyCols,
+      onPickerChange = props.onPickerChange,
+      onValueChange = props.onValueChange,
+      _props$selectedValue = props.selectedValue,
+      selectedValue = _props$selectedValue === void 0 ? [] : _props$selectedValue,
+      touchToStop = props.touchToStop;
   var pickerCellsRef = (0, _react.useRef)([]);
   (0, _react.useImperativeHandle)(ref, function () {
     return {
@@ -32,29 +40,35 @@ var Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       scrollToCurrentIndex: scrollToCurrentIndex
     };
   });
+
   function getCellMovingStatus() {
     return pickerCellsRef.current.map(function (cell) {
       return cell.movingStatus;
     });
   }
+
   function scrollToCurrentIndex() {
     pickerCellsRef.current.forEach(function (cell) {
       return cell.scrollToCurrentIndex();
     });
   }
+
   function _onValueChange(value, index) {
     var children = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
       return level <= index && item.value === value[level];
     });
     var child = children[index];
     var i;
+
     for (i = index + 1; i < cols && child && child.children; i++) {
       child = child.children[0];
       value[i] = child.value;
     }
+
     value.length = i;
     onValueChange == null ? void 0 : onValueChange(value, index);
   }
+
   function _formatData() {
     var childrenTree = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
       return item.value === selectedValue[level];
@@ -62,15 +76,18 @@ var Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return item.children;
     });
     var needPad = cols - childrenTree.length;
+
     if (needPad > 0) {
       for (var i = 0; i < needPad; i++) {
         childrenTree.push([]);
       }
     }
+
     childrenTree.length = cols - 1;
     childrenTree.unshift(data);
     return childrenTree;
   }
+
   var formatData = (0, _react.useMemo)(function () {
     return _formatData();
   }, [data, selectedValue]);

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

@@ -1,47 +1,60 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports.default = MultiPicker;
+
 var _react = _interopRequireDefault(require("react"));
+
 function MultiPicker(props) {
   var prefixCls = props.prefixCls,
-    onValueChange = props.onValueChange,
-    onPickerChange = props.onPickerChange,
-    children = props.children,
-    itemHeight = props.itemHeight,
-    selectedValue = props.selectedValue,
-    data = props.data;
+      onValueChange = props.onValueChange,
+      onPickerChange = props.onPickerChange,
+      children = props.children,
+      itemHeight = props.itemHeight,
+      selectedValue = props.selectedValue,
+      data = props.data;
+
   function getValue() {
     if (selectedValue && selectedValue.length) {
       return selectedValue;
     }
+
     if (data) {
       return data.map(function (item) {
         return item && item[0] && item[0].value;
       });
     }
+
     if (!children) {
       return [];
     }
+
     return _react.default.Children.map(children, function (child) {
       var childrenArray = _react.default.Children.toArray(child.children || child.props.children);
+
       return childrenArray && childrenArray[0] && childrenArray[0].props.value;
     });
   }
+
   function onChange(index, value, callback) {
     var newValue = getValue().concat();
     newValue[index] = value;
+
     if (callback) {
       callback(newValue, index);
     }
   }
+
   function _onValueChange(value, index) {
     onChange(index, value, onValueChange);
   }
+
   function _onScrollChange(value, index) {
     onChange(index, value, onPickerChange);
   }
+
   function renderChild() {
     var value = getValue();
     return _react.default.Children.map(children, function (col, index) {
@@ -56,6 +69,7 @@ function MultiPicker(props) {
       });
     });
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: prefixCls + "-multi",
     style: {