@arco-design/mobile-react 2.26.0 → 2.27.1

package/umd/picker-view/components/cascader.d.ts

@@ -9,11 +9,10 @@ export interface CascaderProps {
     disabled: boolean;
     itemHeight: number;
     wrapperHeight: number;
-    selectedValue: ValueType[];
+    selectedValue?: ValueType[];
     rows?: number;
     hideEmptyCols?: boolean;
-    onValueChange?: (value: ValueType[], index: number) => void;
-    onPickerChange?: (value: ValueType[], index: number) => void;
+    onValueChange?: (value: ValueType[], index: number, data: PickerData[]) => void;
     touchToStop?: boolean | number;
 }
 export interface CascaderRef {

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

@@ -36,7 +36,6 @@
         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,
@@ -61,7 +60,7 @@
       });
     }
 
-    function _onValueChange(value, index) {
+    function _onValueChange(value, index, newData) {
       var children = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
         return level <= index && item.value === value[level];
       });
@@ -71,15 +70,19 @@
       for (i = index + 1; i < cols && child && child.children; i++) {
         child = child.children[0];
         value[i] = child.value;
+        newData[i] = child;
       }
 
       value.length = i;
-      onValueChange == null ? void 0 : onValueChange(value, index);
+      newData.length = i;
+      onValueChange == null ? void 0 : onValueChange(value, index, newData);
     }
 
     function _formatData() {
       var childrenTree = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
-        return item.value === selectedValue[level];
+        return item.value === (selectedValue == null ? void 0 : selectedValue[level]);
+      }, {
+        fallbackChildIndex: 0
       }).map(function (item) {
         return item.children;
       });
@@ -104,8 +107,7 @@
       data: formatData,
       selectedValue: selectedValue,
       itemHeight: itemHeight,
-      onValueChange: _onValueChange,
-      onPickerChange: onPickerChange
+      onValueChange: _onValueChange
     }, formatData.map(function (item, index) {
       return /*#__PURE__*/_react.default.createElement(_pickerCell.default, {
         key: index + "_picker_cell_cascader",

package/umd/picker-view/components/multi-picker.d.ts

@@ -3,10 +3,9 @@ import { PickerData, ValueType } from '../type';
 export interface MultiPickerProps {
     prefixCls: string;
     data: PickerData[][];
-    selectedValue: ValueType[];
+    selectedValue?: ValueType[];
     children: any;
     itemHeight: number;
-    onValueChange: (value: ValueType[], index: number) => void;
-    onPickerChange?: (value: ValueType[], index: number) => void;
+    onValueChange: (value: ValueType[], index: number, data: PickerData[]) => void;
 }
 export default function MultiPicker(props: MultiPickerProps): JSX.Element;

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

@@ -22,60 +22,56 @@
   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;
 
-    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 getCurrentData() {
+      return (data || []).map(function (item, itemIndex) {
+        var curSelected = selectedValue == null ? void 0 : selectedValue[itemIndex];
+        var cur = curSelected ? (item || []).find(function (i) {
+          return i.value === curSelected;
+        }) : undefined;
+        return cur || (item == null ? void 0 : item[0]);
       });
     }
 
-    function onChange(index, value, callback) {
-      var newValue = getValue().concat();
+    function onChange(_ref) {
+      var index = _ref.index,
+          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);
+        callback(newValue, index, newData);
       }
     }
 
-    function _onValueChange(value, index) {
-      onChange(index, value, onValueChange);
-    }
-
-    function _onScrollChange(value, index) {
-      onChange(index, value, onPickerChange);
+    function _onValueChange(value, index, changedData) {
+      onChange({
+        index: index,
+        value: value,
+        callback: onValueChange,
+        changedData: changedData
+      });
     }
 
     function renderChild() {
-      var value = getValue();
+      var curData = getCurrentData();
+      var value = curData.map(function (d) {
+        return d == null ? void 0 : d.value;
+      });
       return _react.default.Children.map(children, function (col, index) {
         return /*#__PURE__*/_react.default.cloneElement(col, {
-          onScrollChange: function onScrollChange(val) {
-            return _onScrollChange(val, index);
-          },
-          onValueChange: function onValueChange(val) {
-            return _onValueChange(val, index);
+          onValueChange: function onValueChange(val, changedData) {
+            return _onValueChange(val, index, changedData);
           },
           selectedValue: value[index]
         });

package/umd/picker-view/components/picker-cell.d.ts

@@ -8,7 +8,7 @@ export interface PickerCellProps {
     itemHeight: number;
     wrapperHeight: number;
     selectedValue?: ValueType;
-    onValueChange?: (value: ValueType) => void;
+    onValueChange?: (value: ValueType, data: PickerData) => void;
     disabled: boolean;
     hideEmptyCols?: boolean;
     /**

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

@@ -92,17 +92,15 @@
       // index有改变时再抛出
       // @en Throws again when index changes
       if (currentIndex !== nowItemIndex) {
-        setCurrentIndex(nowItemIndex);
-        var newValue = data[nowItemIndex] && data[nowItemIndex].value;
+        setCurrentIndex(Math.max(nowItemIndex, 0));
+        var newData = data[nowItemIndex];
+        var newValue = newData == null ? void 0 : newData.value;
 
         if (newValue !== currentValue) {
-          // if (!('selectedValue' in props)) {
-          //     setCurrentValue(newValue);
-          // }
           setCurrentValue(newValue);
 
           if (onValueChange) {
-            onValueChange(newValue);
+            onValueChange(newValue, newData);
           }
         }
       }
@@ -347,7 +345,7 @@
         var curIndex = data.findIndex(function (item) {
           return item.value === selectedValue;
         });
-        setCurrentIndex(curIndex);
+        setCurrentIndex(Math.max(curIndex, 0));
 
         if (curIndex >= 0) {
           _scrollToIndexWithChange(curIndex);

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

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

package/umd/picker-view/index.js

@@ -78,7 +78,7 @@
     var wrapperRef = (0, _react.useRef)(null);
     var domRef = (0, _react.useRef)(null);
     var barRef = (0, _react.useRef)(null);
-    var scrollValueRef = (0, _react.useRef)(value);
+    var scrollValueRef = (0, _helpers.useLatestRef)(scrollValue);
     var pickerCellsRef = (0, _react.useRef)([]);
     var cascaderRef = (0, _react.useRef)(null);
     var innerData = (0, _react.useMemo)(function () {
@@ -111,20 +111,19 @@
 
       return newData;
     }, [data]);
-    (0, _react.useEffect)(function () {
-      scrollValueRef.current = scrollValue;
-    }, [scrollValue]);
 
     var getAllColumnValues = function getAllColumnValues() {
-      return scrollValueRef.current;
+      return scrollValueRef.current || [];
     };
 
     function getColumnValue(index) {
+      var _scrollValueRef$curre;
+
       if (index === void 0) {
         index = 0;
       }
 
-      return scrollValueRef.current[index];
+      return (_scrollValueRef$curre = scrollValueRef.current) == null ? void 0 : _scrollValueRef$curre[index];
     }
 
     function getCellMovingStatus() {
@@ -160,25 +159,17 @@
       };
     });
 
-    function _onPickerChange(val, index) {
+    function _onValueChange(val, index, newData) {
       setScrollValue(val);
 
       if (onPickerChange) {
-        onPickerChange(val, index);
-      }
-    }
-
-    function _onValueChange(val, index) {
-      setScrollValue(val);
-
-      if (onPickerChange) {
-        onPickerChange(val, index);
+        onPickerChange(val, index, newData);
       }
     }
 
     (0, _react.useEffect)(function () {
       setScrollValue(value);
-    }, [value, setScrollValue]);
+    }, [value]);
     var updateWrapperHeight = (0, _react.useCallback)(function () {
       if (wrapperRef && wrapperRef.current) {
         setWrapperHeight(wrapperRef.current.offsetHeight);
@@ -222,7 +213,6 @@
         data: data,
         selectedValue: scrollValue,
         onValueChange: _onValueChange,
-        onPickerChange: _onPickerChange,
         clickable: clickable,
         itemHeight: itemHeight,
         wrapperHeight: wrapperHeight,
@@ -236,8 +226,7 @@
         data: innerData,
         itemHeight: itemHeight,
         selectedValue: scrollValue,
-        onValueChange: _onValueChange,
-        onPickerChange: _onPickerChange
+        onValueChange: _onValueChange
       }, innerData.map(function (item, index) {
         return /*#__PURE__*/_react.default.createElement(_pickerCell.default, {
           key: index + "_picker_cell_normal",

package/umd/picker-view/type.d.ts

@@ -52,12 +52,12 @@ export interface PickerViewProps {
      * 值, 格式是[value1, value2, value3], 对应数据源的相应级层value
      * @en Value, the format is [value1, value2, value3], corresponding to the corresponding level value of the data source
      */
-    value: ValueType[];
+    value?: ValueType[];
     /**
      * 每列数据选择变化后的回调函数
      * @en The callback function after each column data selection changes
      */
-    onPickerChange?: (value: ValueType[], index: number) => void;
+    onPickerChange?: (value: ValueType[], index: number, data: PickerData[]) => void;
     /**
      * 每列样式
      * @en Stylesheet per column

package/umd/slider/hooks/useSliderEvents.js

@@ -88,29 +88,29 @@
         return function (realTimeValue) {
           setValueGroup(realTimeValue);
         };
-      } else {
-        var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
-
-        var handleValue = function handleValue(realTimeValue) {
-          setValueGroup(function (passValueGroup) {
-            if (typeof passValueGroup === 'number') {
-              return [passValueGroup, realTimeValue];
-            }
-
-            var newValueGroup = [].concat(passValueGroup);
-            newValueGroup[index] = realTimeValue;
-            return newValueGroup;
-          });
-        };
+      }
 
-        if (isTouching) {
-          setCommonIsTouching(index);
-          handleValue(start);
-          setIsTouching(IsTouchingStatus.Moving);
-        }
+      var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
 
-        return handleValue;
+      var handleValue = function handleValue(realTimeValue) {
+        setValueGroup(function (passValueGroup) {
+          if (typeof passValueGroup === 'number') {
+            return [passValueGroup, realTimeValue];
+          }
+
+          var newValueGroup = [].concat(passValueGroup);
+          newValueGroup[index] = realTimeValue;
+          return newValueGroup;
+        });
+      };
+
+      if (isTouching) {
+        setCommonIsTouching(index);
+        handleValue(start);
+        setIsTouching(IsTouchingStatus.Moving);
       }
+
+      return handleValue;
     }, [touchStartPosition, getValueFromPosition]);
     (0, _react.useEffect)(function () {
       var _lineRef$current;

package/umd/sticky/index.js

@@ -99,8 +99,8 @@
       var containerTop = containerRect.top,
           containerBottom = containerRect.bottom,
           containerHeight = containerRect.height;
-      var disFromTop = placeholderClientRect.top - containerTop;
-      var disFromBottom = placeholderClientRect.top + calculatedHeight - containerBottom;
+      var disFromTop = Math.round(placeholderClientRect.top - containerTop);
+      var disFromBottom = Math.round(placeholderClientRect.top + calculatedHeight - containerBottom);
       var topFollowDifference = followBottom - followOffset - calculatedHeight - topOffset - containerTop;
       var bottomFollowDifference = containerHeight - followTop - followOffset - calculatedHeight - bottomOffset;
       setWasSticky(Boolean(isStickyRef.current));

package/umd/style.d.ts

@@ -27,6 +27,8 @@ import './grid/style';
 import './image/style';
 import './show-monitor/style';
 import './image-preview/style';
+import './index-bar/style';
+import './keyboard/style';
 import './load-more/style';
 import './loading/style';
 import './masking/style';

package/umd/style.js

@@ -1,15 +1,15 @@
 (function (global, factory) {
   if (typeof define === "function" && define.amd) {
-    define(["../style/public.less", "./button/style", "./action-sheet/style", "./avatar/style", "./badge/style", "./carousel/style", "./cell/style", "./checkbox/style", "./circle-progress/style", "./collapse/style", "./context-provider/style", "./count-down/style", "./date-picker/style", "./divider/style", "./dialog/style", "./dropdown/style", "./dropdown-menu/style", "./ellipsis/style", "./form/style", "./input/style", "./textarea/style", "./radio/style", "./image-picker/style", "./rate/style", "./slider/style", "./grid/style", "./image/style", "./show-monitor/style", "./image-preview/style", "./load-more/style", "./loading/style", "./masking/style", "./nav-bar/style", "./notice-bar/style", "./notify/style", "./pagination/style", "./picker/style", "./picker-view/style", "./popover/style", "./popup/style", "./popup-swiper/style", "./portal/style", "./progress/style", "./pull-refresh/style", "./search-bar/style", "./stepper/style", "./steps/style", "./sticky/style", "./swipe-action/style", "./swipe-load/style", "./switch/style", "./tab-bar/style", "./tabs/style", "./tag/style", "./toast/style", "./transition/style"], factory);
+    define(["../style/public.less", "./button/style", "./action-sheet/style", "./avatar/style", "./badge/style", "./carousel/style", "./cell/style", "./checkbox/style", "./circle-progress/style", "./collapse/style", "./context-provider/style", "./count-down/style", "./date-picker/style", "./divider/style", "./dialog/style", "./dropdown/style", "./dropdown-menu/style", "./ellipsis/style", "./form/style", "./input/style", "./textarea/style", "./radio/style", "./image-picker/style", "./rate/style", "./slider/style", "./grid/style", "./image/style", "./show-monitor/style", "./image-preview/style", "./index-bar/style", "./keyboard/style", "./load-more/style", "./loading/style", "./masking/style", "./nav-bar/style", "./notice-bar/style", "./notify/style", "./pagination/style", "./picker/style", "./picker-view/style", "./popover/style", "./popup/style", "./popup-swiper/style", "./portal/style", "./progress/style", "./pull-refresh/style", "./search-bar/style", "./stepper/style", "./steps/style", "./sticky/style", "./swipe-action/style", "./swipe-load/style", "./switch/style", "./tab-bar/style", "./tabs/style", "./tag/style", "./toast/style", "./transition/style"], factory);
   } else if (typeof exports !== "undefined") {
-    factory(require("../style/public.less"), require("./button/style"), require("./action-sheet/style"), require("./avatar/style"), require("./badge/style"), require("./carousel/style"), require("./cell/style"), require("./checkbox/style"), require("./circle-progress/style"), require("./collapse/style"), require("./context-provider/style"), require("./count-down/style"), require("./date-picker/style"), require("./divider/style"), require("./dialog/style"), require("./dropdown/style"), require("./dropdown-menu/style"), require("./ellipsis/style"), require("./form/style"), require("./input/style"), require("./textarea/style"), require("./radio/style"), require("./image-picker/style"), require("./rate/style"), require("./slider/style"), require("./grid/style"), require("./image/style"), require("./show-monitor/style"), require("./image-preview/style"), require("./load-more/style"), require("./loading/style"), require("./masking/style"), require("./nav-bar/style"), require("./notice-bar/style"), require("./notify/style"), require("./pagination/style"), require("./picker/style"), require("./picker-view/style"), require("./popover/style"), require("./popup/style"), require("./popup-swiper/style"), require("./portal/style"), require("./progress/style"), require("./pull-refresh/style"), require("./search-bar/style"), require("./stepper/style"), require("./steps/style"), require("./sticky/style"), require("./swipe-action/style"), require("./swipe-load/style"), require("./switch/style"), require("./tab-bar/style"), require("./tabs/style"), require("./tag/style"), require("./toast/style"), require("./transition/style"));
+    factory(require("../style/public.less"), require("./button/style"), require("./action-sheet/style"), require("./avatar/style"), require("./badge/style"), require("./carousel/style"), require("./cell/style"), require("./checkbox/style"), require("./circle-progress/style"), require("./collapse/style"), require("./context-provider/style"), require("./count-down/style"), require("./date-picker/style"), require("./divider/style"), require("./dialog/style"), require("./dropdown/style"), require("./dropdown-menu/style"), require("./ellipsis/style"), require("./form/style"), require("./input/style"), require("./textarea/style"), require("./radio/style"), require("./image-picker/style"), require("./rate/style"), require("./slider/style"), require("./grid/style"), require("./image/style"), require("./show-monitor/style"), require("./image-preview/style"), require("./index-bar/style"), require("./keyboard/style"), require("./load-more/style"), require("./loading/style"), require("./masking/style"), require("./nav-bar/style"), require("./notice-bar/style"), require("./notify/style"), require("./pagination/style"), require("./picker/style"), require("./picker-view/style"), require("./popover/style"), require("./popup/style"), require("./popup-swiper/style"), require("./portal/style"), require("./progress/style"), require("./pull-refresh/style"), require("./search-bar/style"), require("./stepper/style"), require("./steps/style"), require("./sticky/style"), require("./swipe-action/style"), require("./swipe-load/style"), require("./switch/style"), require("./tab-bar/style"), require("./tabs/style"), require("./tag/style"), require("./toast/style"), require("./transition/style"));
   } else {
     var mod = {
       exports: {}
     };
-    factory(global._public, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style);
+    factory(global._public, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style, global.style);
     global.style = mod.exports;
   }
-})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _style3, _style4, _style5, _style6, _style7, _style8, _style9, _style10, _style11, _style12, _style13, _style14, _style15, _style16, _style17, _style18, _style19, _style20, _style21, _style22, _style23, _style24, _style25, _style26, _style27, _style28, _style29, _style30, _style31, _style32, _style33, _style34, _style35, _style36, _style37, _style38, _style39, _style40, _style41, _style42, _style43, _style44, _style45, _style46, _style47, _style48, _style49, _style50, _style51, _style52, _style53, _style54, _style55) {
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_public, _style, _style2, _style3, _style4, _style5, _style6, _style7, _style8, _style9, _style10, _style11, _style12, _style13, _style14, _style15, _style16, _style17, _style18, _style19, _style20, _style21, _style22, _style23, _style24, _style25, _style26, _style27, _style28, _style29, _style30, _style31, _style32, _style33, _style34, _style35, _style36, _style37, _style38, _style39, _style40, _style41, _style42, _style43, _style44, _style45, _style46, _style47, _style48, _style49, _style50, _style51, _style52, _style53, _style54, _style55, _style56, _style57) {
   "use strict";
 });