@arco-design/mobile-react 2.38.4 → 2.39.1

package/esm/pagination/index.js

@@ -3,7 +3,6 @@ import { cls } from '@arco-design/mobile-utils';
 import { GlobalContext } from '../context-provider';
 import { useSystem } from '../_helpers';
 import Arrow from './arrow';
-
 /**
  * 用于数据分页，为完全受控组件
  * @en The pagination component is used for data paging and is a fully controlled component.
@@ -14,37 +13,35 @@ import Arrow from './arrow';
  */
 var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
   var _cls4;
-
   var _useContext = useContext(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 = useSystem();
   var pageNum = useMemo(function () {
     return Math.ceil(total / pageSize);
@@ -55,7 +52,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
       dom: domRef.current
     };
   });
-
   var iconRender = function iconRender(iconType) {
     if (iconType === 'prev') {
       if (Array.isArray(icon) && Boolean(icon.length)) {
@@ -63,44 +59,35 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
           className: "btn-icon"
         }, icon[0]);
       }
-
       if (Object.prototype.toString.call(icon) === '[object Object]') {
         return /*#__PURE__*/React.createElement("span", {
           className: "btn-icon"
         }, icon);
       }
-
       return icon ? /*#__PURE__*/React.createElement("span", {
         className: "btn-icon"
       }, /*#__PURE__*/React.createElement(Arrow, null)) : null;
     }
-
     if (Array.isArray(icon) && Boolean(icon.length)) {
       return /*#__PURE__*/React.createElement("span", {
         className: "btn-icon"
       }, icon.length >= 2 ? icon[1] : icon[0]);
     }
-
     if (Object.prototype.toString.call(icon) === '[object Object]') {
       return /*#__PURE__*/React.createElement("span", {
         className: "btn-icon next"
       }, icon);
     }
-
     return icon ? /*#__PURE__*/React.createElement("span", {
       className: "btn-icon next"
     }, /*#__PURE__*/React.createElement(Arrow, null)) : null;
   };
-
   var prevRender = function prevRender(prefix) {
     var _cls;
-
     if (type === 'none') {
       return null;
     }
-
     var prevFieldCls = cls(prefix + "-prev-field", (_cls = {}, _cls["flex-" + justify] = true, _cls));
-
     if (typeof renderPrevField === 'undefined') {
       return /*#__PURE__*/React.createElement("div", {
         className: prevFieldCls
@@ -114,7 +101,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
           if (current <= 1) {
             return;
           }
-
           onChange == null ? void 0 : onChange({
             pageSize: pageSize,
             pageNum: pageNum,
@@ -125,7 +111,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
         className: "btn-text"
       }, prevFieldText)));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: prevFieldCls
     }, renderPrevField ? renderPrevField({
@@ -134,19 +119,14 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
       pageNum: pageNum
     }) : null);
   };
-
   var nextRender = function nextRender(prefix) {
     var _cls2;
-
     if (type === 'none') {
       return null;
     }
-
     var nextFieldCls = cls(prefix + "-next-field", (_cls2 = {}, _cls2["flex-" + justify] = true, _cls2));
-
     if (typeof renderNextField === 'undefined') {
       var _cls3;
-
       return /*#__PURE__*/React.createElement("div", {
         className: nextFieldCls
       }, /*#__PURE__*/React.createElement("div", {
@@ -158,7 +138,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
           if (current >= pageNum) {
             return;
           }
-
           onChange == null ? void 0 : onChange({
             pageSize: pageSize,
             pageNum: pageNum,
@@ -169,7 +148,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
         className: "btn-text"
       }, nextFieldText), iconRender('next')));
     }
-
     var nextItem = renderNextField && renderNextField({
       current: current,
       pageSize: pageSize,
@@ -179,7 +157,6 @@ var Pagination = /*#__PURE__*/forwardRef(function (props, ref) {
       className: nextFieldCls
     }, nextItem);
   };
-
   var prefix = prefixCls + "-pagination";
   return !(hideOnOnePage && pageNum === 1) ? /*#__PURE__*/React.createElement("div", {
     ref: domRef,

package/esm/picker/index.js

@@ -11,85 +11,76 @@ export * from './type';
 export { MultiPicker, PickerCell, Cascader } from '../picker-view';
 var Picker = /*#__PURE__*/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,
-      userSetVisible = 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,
-      renderLinkedContainer = props.renderLinkedContainer,
-      renderExtraHeader = props.renderExtraHeader,
-      otherProps = _objectWithoutPropertiesLoose(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,
+    userSetVisible = 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,
+    renderLinkedContainer = props.renderLinkedContainer,
+    renderExtraHeader = props.renderExtraHeader,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
   var scrollValueRef = useLatestRef(value);
   var domRef = useRef(null);
   var pickerViewRef = useRef(null);
-
   var _useState = useState(false),
-      linkVisible = _useState[0],
-      setLinkVisible = _useState[1];
-
+    linkVisible = _useState[0],
+    setLinkVisible = _useState[1];
   var _useState2 = useState(function () {
-    return getCurrentValueData();
-  }),
-      linkArgs = _useState2[0],
-      setLinkArgs = _useState2[1]; // 来自linkedContainer的visible变化，优先级高于受控值
+      return getCurrentValueData();
+    }),
+    linkArgs = _useState2[0],
+    setLinkArgs = _useState2[1];
+  // 来自linkedContainer的visible变化，优先级高于受控值
   // @en Visible changes from linkedContainer which have priority over controlled values
-
-
   var visible = linkVisible || userSetVisible || false;
   useImperativeHandle(ref, function () {
     return {
       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();
       }
     };
@@ -99,23 +90,18 @@ var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
       setLinkArgs(getCurrentValueData());
     });
   }, [value]);
-
   function hidePicker(scene) {
     setLinkVisible(false);
     onHide == null ? void 0 : onHide(scene);
   }
-
   function handleDismiss() {
     if (onDismiss) {
       onDismiss();
     }
-
     hidePicker('dismiss');
   }
-
   function getCurrentValueData() {
     var _pickerViewRef$curren6, _pickerViewRef$curren7;
-
     var val = ((_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.getAllColumnValues()) || scrollValueRef.current || [];
     var selectedData = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnData()) || [];
     return {
@@ -123,47 +109,40 @@ var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
       data: selectedData
     };
   }
-
   function handleConfirm() {
     var _pickerViewRef$curren8;
-
     (_pickerViewRef$curren8 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren8.scrollToCurrentIndex();
     nextTick(function () {
       var _getCurrentValueData = getCurrentValueData(),
-          val = _getCurrentValueData.value,
-          selectedData = _getCurrentValueData.data;
-
+        val = _getCurrentValueData.value,
+        selectedData = _getCurrentValueData.data;
       setLinkArgs({
         value: val,
         data: selectedData
       });
-
       if (onOk) {
         onOk(val, selectedData);
       }
-
       if (onChange) {
         onChange(val);
       }
-
       hidePicker('confirm');
     });
   }
+  useListenResize(updateLayoutByVisible, [visible]);
 
-  useListenResize(updateLayoutByVisible, [visible]); // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
-
+  // 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值（初始值）
   function updateLayoutByVisible() {
     if (visible && pickerViewRef.current) {
       pickerViewRef.current.updateLayout();
     }
   }
-
   useEffect(function () {
     updateLayoutByVisible();
   }, [visible]);
   return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
     var prefixCls = _ref.prefixCls,
-        locale = _ref.locale;
+      locale = _ref.locale;
     return /*#__PURE__*/React.createElement(React.Fragment, null, renderLinkedContainer ? /*#__PURE__*/React.createElement("div", {
       className: prefixCls + "-picker-linked-container",
       onClick: function onClick() {
@@ -208,6 +187,7 @@ var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
     }))));
   });
 });
+
 /**
  * 选择器组件，形式是弹起的浮层。
  * @en The selector component, in the form of a popup layer.
@@ -217,5 +197,4 @@ var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
  * @name_en Picker
  * @displayName Picker
  */
-
 export default componentWrapper(Picker, 'Picker');

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

@@ -4,19 +4,19 @@ import MultiPicker from './multi-picker';
 import PickerCell from './picker-cell';
 var Cascader = /*#__PURE__*/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,
-      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,
+    onValueChange = props.onValueChange,
+    _props$selectedValue = props.selectedValue,
+    selectedValue = _props$selectedValue === void 0 ? [] : _props$selectedValue,
+    touchToStop = props.touchToStop;
   var pickerCellsRef = useRef([]);
   useImperativeHandle(ref, function () {
     return {
@@ -26,49 +26,41 @@ var Cascader = /*#__PURE__*/forwardRef(function (props, ref) {
       getAllCellsData: getAllCellsData
     };
   });
-
   function getCellMovingStatus() {
     return pickerCellsRef.current.map(function (cell) {
       return cell.movingStatus;
     });
   }
-
   function scrollToCurrentIndex() {
     pickerCellsRef.current.forEach(function (cell) {
       return cell.scrollToCurrentIndex();
     });
   }
-
   function getAllCellsValue() {
     return pickerCellsRef.current.map(function (cell) {
       return cell.getCurrentCellValue();
     });
   }
-
   function getAllCellsData() {
     return pickerCellsRef.current.map(function (cell) {
       return cell.getCurrentCellData();
     });
   }
-
   function _onValueChange(value, index, newData) {
     var children = 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;
       newData[i] = child;
     }
-
     value.length = i;
     newData.length = i;
     onValueChange == null ? void 0 : onValueChange(value, index, newData);
   }
-
   function _formatData() {
     var childrenTree = arrayTreeFilter(data, function (item, level) {
       return item.value === (selectedValue == null ? void 0 : selectedValue[level]);
@@ -78,18 +70,15 @@ var Cascader = /*#__PURE__*/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 = useMemo(function () {
     return _formatData();
   }, [data, selectedValue]);

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

@@ -1,12 +1,11 @@
 import React from 'react';
 export default function MultiPicker(props) {
   var prefixCls = props.prefixCls,
-      onValueChange = props.onValueChange,
-      children = props.children,
-      itemHeight = props.itemHeight,
-      selectedValue = props.selectedValue,
-      data = props.data;
-
+    onValueChange = props.onValueChange,
+    children = props.children,
+    itemHeight = props.itemHeight,
+    selectedValue = props.selectedValue,
+    data = props.data;
   function getCurrentData() {
     return (data || []).map(function (item, itemIndex) {
       var curSelected = selectedValue == null ? void 0 : selectedValue[itemIndex];
@@ -16,24 +15,21 @@ export default function MultiPicker(props) {
       return cur || (item == null ? void 0 : item[0]);
     });
   }
-
   function onChange(_ref) {
     var index = _ref.index,
-        value = _ref.value,
-        changedData = _ref.changedData,
-        callback = _ref.callback;
+      value = _ref.value,
+      changedData = _ref.changedData,
+      callback = _ref.callback;
     var newData = getCurrentData().concat();
     newData[index] = changedData;
     var newValue = newData.map(function (d) {
       return d == null ? void 0 : d.value;
     });
     newValue[index] = value;
-
     if (callback) {
       callback(newValue, index, newData);
     }
   }
-
   function _onValueChange(value, index, changedData) {
     onChange({
       index: index,
@@ -42,7 +38,6 @@ export default function MultiPicker(props) {
       changedData: changedData
     });
   }
-
   function renderChild() {
     var curData = getCurrentData();
     var value = curData.map(function (d) {
@@ -57,7 +52,6 @@ export default function MultiPicker(props) {
       });
     });
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: prefixCls + "-multi",
     style: {