@nutui/nutui-react 1.2.1-beta.1 → 1.2.2-beta.1

package/dist/esm/Picker.js

@@ -2,26 +2,34 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["isVisible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChoose", "className", "style"];
+var _excluded = ["isVisible", "title", "listData", "defaultValueData", "onConfirm", "onClose", "onCloseUpdate", "onChange", "className", "style", "threeDimensional"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import Popup from './Popup.js';
+import { u as useTouch } from './useTouch-a2ea68c6.js';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 
 var InternalPickerSlot = function InternalPickerSlot(props, ref) {
-  var isUpdate = props.isUpdate,
-      _props$keyIndex = props.keyIndex,
+  var _props$keyIndex = props.keyIndex,
       keyIndex = _props$keyIndex === void 0 ? 0 : _props$keyIndex,
       defaultValue = props.defaultValue,
       _props$listData = props.listData,
       listData = _props$listData === void 0 ? [] : _props$listData,
+      _props$threeDimension = props.threeDimensional,
+      threeDimensional = _props$threeDimension === void 0 ? true : _props$threeDimension,
       chooseItem = props.chooseItem;
+  var touch = useTouch(); // 触发惯性滑动条件:
+  // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_TIME` 且 move
+  // 距离大于 `MOMENTUM_DISTANCE` 时，执行惯性滑动
+
+  var INERTIA_TIME = 300;
+  var INERTIA_DISTANCE = 15;
 
   var _useState = useState(1),
       _useState2 = _slicedToArray(_useState, 2),
@@ -31,36 +39,26 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
   var lineSpacing = 36;
   var rotation = 20;
   var timer;
-  var listRef = useRef(null);
+  useRef(null);
   var rollerRef = useRef(null);
   var pickerSlotRef = useRef(null);
-  useState();
-  var touchParams = {
-    startY: 0,
-    startTime: 0,
-    transformY: 0,
-    scrollDistance: 0
-  };
-  useImperativeHandle(ref, function () {
-    return {
-      updateTransform: function updateTransform(value) {
-        if (value) {
-          touchParams.transformY = 0;
-          timer = setTimeout(function () {
-            modifyStatus(false, value);
-          }, 10);
-        }
-      }
-    };
-  });
-  useEffect(function () {
-    touchParams.transformY = 0;
-    modifyStatus();
-  }, [isUpdate]);
-  useEffect(function () {
-    touchParams.transformY = 0;
-    modifyStatus();
-  }, [defaultValue]);
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      startTime = _useState4[0],
+      setStartTime = _useState4[1];
+
+  var _useState5 = useState(0),
+      _useState6 = _slicedToArray(_useState5, 2),
+      startY = _useState6[0],
+      setStartY = _useState6[1];
+
+  var transformY = useRef(0);
+
+  var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      scrollDistance = _useState8[0],
+      setScrollDistance = _useState8[1];
 
   var isHidden = function isHidden(index) {
     if (index >= currIndex + 8 || index <= currIndex - 8) {
@@ -75,24 +73,26 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
     var type = arguments.length > 1 ? arguments[1] : undefined;
     var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1000;
     var deg = arguments.length > 3 ? arguments[3] : undefined;
+    var nTime = time;
 
-    if (type === 'end') {
-      listRef.current.style.webkitTransition = "transform ".concat(time, "ms cubic-bezier(0.19, 1, 0.22, 1)");
-      rollerRef.current.style.webkitTransition = "transform ".concat(time, "ms cubic-bezier(0.19, 1, 0.22, 1)");
+    if (type !== 'end') {
+      nTime = 0;
+    }
+
+    if (threeDimensional) {
+      rollerRef.current.style.webkitTransform = "rotate3d(1, 0, 0, ".concat(deg, ")");
     } else {
-      listRef.current.style.webkitTransition = '';
-      rollerRef.current.style.webkitTransition = '';
+      rollerRef.current.style.webkitTransform = "translate3d(0, ".concat(translateY, "px, 0)");
     }
 
-    listRef.current.style.webkitTransform = "translate3d(0, ".concat(translateY, "px, 0)");
-    rollerRef.current.style.webkitTransform = "rotate3d(1, 0, 0, ".concat(deg, ")");
-    touchParams.scrollDistance = translateY;
+    rollerRef.current.style.webkitTransition = "transform ".concat(nTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)");
+    setScrollDistance(translateY);
   };
 
   var setMove = function setMove(move, type, time) {
-    var updateMove = move + touchParams.transformY;
+    var updateMove = move + transformY.current;
 
-    if (type === 'end' && time) {
+    if (type === 'end') {
       // 限定滚动距离
       if (updateMove > 0) {
         updateMove = 0;
@@ -106,133 +106,148 @@ var InternalPickerSlot = function InternalPickerSlot(props, ref) {
       var endMove = Math.round(updateMove / lineSpacing) * lineSpacing;
       var deg = "".concat((Math.abs(Math.round(endMove / lineSpacing)) + 1) * rotation, "deg");
       setTransform(endMove, type, time, deg);
-      timer = setTimeout(function () {
-        setChooseValue(endMove);
-      }, time / 2);
       setCurrIndex(Math.abs(Math.round(endMove / lineSpacing)) + 1);
     } else {
-      var _deg = '0deg';
+      var _deg = 0;
+      var currentDeg = (-updateMove / lineSpacing + 1) * rotation; // picker 滚动的最大角度
 
-      if (updateMove < 0) {
-        _deg = "".concat((Math.abs(updateMove / lineSpacing) + 1) * rotation, "deg");
-      } else {
-        _deg = "".concat((-updateMove / lineSpacing + 1) * rotation, "deg");
-      }
+      var maxDeg = (listData.length + 1) * rotation;
+      var minDeg = 0;
+      _deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
 
-      setTransform(updateMove, '', 0, _deg);
-      setCurrIndex(Math.abs(Math.round(updateMove / lineSpacing)) + 1);
+      if (minDeg < _deg && _deg < maxDeg) {
+        setTransform(updateMove, '', undefined, "".concat(_deg, "deg"));
+        setCurrIndex(Math.abs(Math.round(updateMove / lineSpacing)) + 1);
+      }
     }
   };
 
   var setChooseValue = function setChooseValue(move) {
     chooseItem && chooseItem(listData === null || listData === void 0 ? void 0 : listData[Math.round(-move / lineSpacing)], keyIndex);
-  };
+  }; // 开始滚动
+
 
   var touchStart = function touchStart(event) {
-    event.preventDefault();
-    var changedTouches = event.changedTouches[0];
-    touchParams.startY = changedTouches.pageY;
-    touchParams.startTime = event.timeStamp || Date.now();
-    touchParams.transformY = touchParams.scrollDistance;
+    touch.start(event);
+    setStartY(touch.deltaY);
+    setStartTime(Date.now());
+    transformY.current = scrollDistance;
   };
 
-  var touchMove = function touchMove(event, listData) {
-    event.preventDefault();
-    var changedTouches = event.changedTouches[0];
-    var lastY = changedTouches.pageY;
-    var move = lastY - touchParams.startY;
+  var touchMove = function touchMove(event) {
+    touch.move(event);
+
+    if (touch.isVertical) {
+      preventDefault(event, true);
+    }
+
+    var move = touch.deltaY - startY;
     setMove(move);
   };
 
   var touchEnd = function touchEnd(event) {
-    event.preventDefault();
-    var changedTouches = event.changedTouches[0];
-    var lastTime = event.timeStamp || Date.now();
-    var move = changedTouches.pageY - touchParams.startY;
-    var moveTime = lastTime - touchParams.startTime;
-
-    if (moveTime <= 300) {
-      move *= 2;
-      moveTime += 1000;
-      setMove(move, 'end', moveTime);
+    var move = touch.deltaY - startY;
+    var moveTime = Date.now() - startTime; // 区分是否为惯性滚动
+
+    if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
+      // 惯性滚动
+      var distance = momentum(move, moveTime);
+      setMove(distance, 'end', moveTime + 1000);
     } else {
-      setMove(move, 'end', moveTime);
+      setMove(move, 'end');
     }
+
+    setTimeout(function () {
+      touch.reset();
+    }, 0);
+  }; // 惯性滚动 距离
+
+
+  var momentum = function momentum(distance, duration) {
+    var nDistance = distance; // 惯性滚动的速度
+
+    var speed = Math.abs(nDistance / duration); // 惯性滚动的距离
+
+    nDistance = speed / 0.003 * (nDistance < 0 ? -1 : 1);
+    return nDistance;
   };
 
   var modifyStatus = function modifyStatus(type, val) {
     var value = val || defaultValue;
     var index = -1;
 
-    if (value && value.value) {
+    if (value) {
       listData.some(function (item, idx) {
-        if (item.value == value.value) {
+        if (item.value === value) {
           index = idx;
           return true;
         }
+
+        return false;
       });
-    } else if (value && !value.value) {
-      listData.some(function (item, idx) {
-        if (item == value) {
-          index = idx;
-          return true;
+    } else {
+      listData.forEach(function (item, i) {
+        if (item.value === defaultValue) {
+          index = i;
         }
       });
-    } else {
-      index = listData.indexOf(defaultValue);
     }
 
     setCurrIndex(index === -1 ? 1 : index + 1);
     var move = index === -1 ? 0 : index * lineSpacing;
     type && setChooseValue(-move);
     setMove(-move);
-  };
+  }; // 惯性滚动结束
 
-  useEffect(function () {
-    var _pickerSlotRef$curren, _pickerSlotRef$curren2, _pickerSlotRef$curren3;
 
-    modifyStatus(true); // 监听
+  var stopMomentum = function stopMomentum() {
+    setChooseValue(scrollDistance);
+  }; // 阻止默认事件
 
-    (_pickerSlotRef$curren = pickerSlotRef.current) === null || _pickerSlotRef$curren === void 0 ? void 0 : _pickerSlotRef$curren.addEventListener('touchstart', touchStart);
-    (_pickerSlotRef$curren2 = pickerSlotRef.current) === null || _pickerSlotRef$curren2 === void 0 ? void 0 : _pickerSlotRef$curren2.addEventListener('touchmove', touchMove);
-    (_pickerSlotRef$curren3 = pickerSlotRef.current) === null || _pickerSlotRef$curren3 === void 0 ? void 0 : _pickerSlotRef$curren3.addEventListener('touchend', touchEnd);
-    return function () {
-      var _pickerSlotRef$curren4, _pickerSlotRef$curren5, _pickerSlotRef$curren6;
 
-      // 移除监听
-      (_pickerSlotRef$curren4 = pickerSlotRef.current) === null || _pickerSlotRef$curren4 === void 0 ? void 0 : _pickerSlotRef$curren4.removeEventListener('touchstart', touchStart);
-      (_pickerSlotRef$curren5 = pickerSlotRef.current) === null || _pickerSlotRef$curren5 === void 0 ? void 0 : _pickerSlotRef$curren5.removeEventListener('touchmove', touchMove);
-      (_pickerSlotRef$curren6 = pickerSlotRef.current) === null || _pickerSlotRef$curren6 === void 0 ? void 0 : _pickerSlotRef$curren6.removeEventListener('touchend', touchEnd);
+  var preventDefault = function preventDefault(event, isStopPropagation) {
+    /* istanbul ignore else */
+    if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+      event.preventDefault();
+    }
+
+    if (isStopPropagation) {
+      event.stopPropagation();
+    }
+  };
+
+  useEffect(function () {
+    setScrollDistance(0);
+    transformY.current = 0;
+    modifyStatus(false);
+    return function () {
       clearTimeout(timer);
     };
   }, [listData]);
   return React__default.createElement("div", {
     className: "nut-picker-list",
-    ref: pickerSlotRef
+    ref: pickerSlotRef,
+    onTouchStart: touchStart,
+    onTouchMove: touchMove,
+    onTouchEnd: touchEnd
   }, React__default.createElement("div", {
     className: "nut-picker-roller",
-    ref: rollerRef
-  }, listData.map(function (item, index) {
+    ref: rollerRef,
+    onTransitionEnd: stopMomentum
+  }, threeDimensional && listData.map(function (item, index) {
     return React__default.createElement("div", {
       className: "nut-picker-roller-item ".concat(isHidden(index + 1) && 'nut-picker-roller-item-hidden'),
       style: {
         transform: "rotate3d(1, 0, 0, ".concat(-rotation * (index + 1), "deg) translate3d(0px, 0px, 104px)")
       },
-      key: item.label ? item.label : index
-    }, item.value ? item.value : item);
-  })), React__default.createElement("div", {
-    className: "nut-picker-content"
-  }, React__default.createElement("div", {
-    className: "nut-picker-list-panel",
-    ref: listRef
-  }, listData.map(function (item, index) {
+      key: item.value ? item.value : index
+    }, item.text ? item.text : item);
+  }), !threeDimensional && listData.map(function (item, index) {
     return React__default.createElement("div", {
-      className: "nut-picker-item",
-      key: item.label ? item.label : index
-    }, item.value ? item.value : item);
-  }), (listData === null || listData === void 0 ? void 0 : listData.length) === 1 && React__default.createElement("div", {
-    className: "nut-picker-placeholder"
-  }))), React__default.createElement("div", {
+      className: "nut-picker-roller-item-tile",
+      key: item.value ? item.value : index
+    }, item.text ? item.text : item);
+  })), React__default.createElement("div", {
     className: "nut-picker-mask"
   }), React__default.createElement("div", {
     className: "nut-picker-indicator"
@@ -249,122 +264,207 @@ var InternalPicker = function InternalPicker(props, ref) {
       title = props.title,
       _props$listData2 = props.listData,
       listData = _props$listData2 === void 0 ? [] : _props$listData2,
-      _props$defaultValueDa = props.defaultValueData,
-      defaultValueData = _props$defaultValueDa === void 0 ? [] : _props$defaultValueDa,
+      defaultValueData = props.defaultValueData,
       onConfirm = props.onConfirm,
-      _onClose = props.onClose,
+      onClose = props.onClose,
       onCloseUpdate = props.onCloseUpdate,
-      onChoose = props.onChoose,
+      onChange = props.onChange,
       className = props.className,
       style = props.style,
+      threeDimensional = props.threeDimensional,
       rest = _objectWithoutProperties(props, _excluded);
 
-  var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      chooseValueData = _useState4[0],
-      setchooseValueData = _useState4[1];
+  var _useState9 = useState([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      chooseValueData = _useState10[0],
+      setchooseValueData = _useState10[1]; // 选择的数据的 value 值, 每一条数据的 value 值
 
-  var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      cacheValueData = _useState6[0],
-      setcacheValueData = _useState6[1];
 
-  var _useState7 = useState(false),
-      _useState8 = _slicedToArray(_useState7, 2),
-      isUpdate = _useState8[0],
-      setisUpdate = _useState8[1];
+  var _useState11 = useState(0),
+      _useState12 = _slicedToArray(_useState11, 2),
+      columnIndex = _useState12[0],
+      setcolumnIndex = _useState12[1]; // 选中列
+
 
   var pickerRef = useRef(null);
-  var pickerSlotRef1 = useRef(null);
-  var pickerSlotRef2 = useRef(null);
-  var pickerSlotRef3 = useRef(null);
-  var refList = [pickerSlotRef1, pickerSlotRef2, pickerSlotRef3];
 
-  var _useState9 = useState(true),
-      _useState10 = _slicedToArray(_useState9, 2),
-      isReady = _useState10[0],
-      setIsReady = _useState10[1];
+  var _useState13 = useState([]),
+      _useState14 = _slicedToArray(_useState13, 2),
+      columnsList = _useState14[0],
+      setColumnsList = _useState14[1]; // 格式化后每一列的数据
+
+
+  var b = cn('picker'); // 默认值修改
 
-  var b = cn('picker');
   useEffect(function () {
-    var data = _toConsumableArray(defaultValueData);
+    if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
+      var data = _toConsumableArray(defaultValueData);
+
+      setchooseValueData(data);
+      setColumnsList(normalListData());
+    }
+  }, [defaultValueData]); // 选中值进行修改
+
+  useEffect(function () {
+    onChange && onChange(columnIndex, chooseValueData, selectedOptions());
+  }, [chooseValueData]); // 列表格式修改
 
-    setchooseValueData(data);
-    setcacheValueData(data);
-    onConfirm && onConfirm(data);
-  }, [defaultValueData]);
   useEffect(function () {
     init();
   }, [listData]);
 
-  var updateChooseValue = function updateChooseValue(index, value, cacheValueData) {
-    var _refList$index$curren;
+  var closeActionSheet = function closeActionSheet() {
+    onClose && onClose(chooseValueData, selectedOptions());
+    onCloseUpdate && onCloseUpdate(chooseValueData, selectedOptions(), pickerRef);
+  }; // 点击确定
 
-    if (!value) return;
-    setcacheValueData(function (data) {
-      var cache = _toConsumableArray(cacheValueData);
 
-      cache.splice(index, 1, value);
-      return cache;
-    });
-    (_refList$index$curren = refList[index].current) === null || _refList$index$curren === void 0 ? void 0 : _refList$index$curren.updateTransform(value);
+  var confirm = function confirm() {
+    onConfirm && onConfirm(chooseValueData, selectedOptions());
+    onClose && onClose(chooseValueData, selectedOptions());
   };
 
-  useImperativeHandle(ref, function () {
-    return {
-      updateChooseValue: updateChooseValue
-    };
-  });
+  var selectedOptions = function selectedOptions() {
+    var optins = [];
+    columnsList.map(function (column, index) {
+      var currOptions = [];
+      currOptions = column.filter(function (item) {
+        return item.value === chooseValueData[index];
+      });
 
-  var closeActionSheet = function closeActionSheet() {
-    setisUpdate(!isUpdate);
-    setcacheValueData(_toConsumableArray(chooseValueData));
-    _onClose && _onClose();
-    onCloseUpdate && onCloseUpdate(chooseValueData, pickerRef);
-  };
+      if (currOptions[0]) {
+        optins.push(currOptions[0]);
+      } else {
+        column[0] && optins.push(column[0]);
+      }
+
+      return column;
+    });
+    return optins;
+  }; // 选择每一列的数据
+
+
+  var _chooseItem = function chooseItem(option, columnIndex) {
+    if (option && Object.keys(option).length) {
+      // 是否移动后是否与之前有差异
+      if (chooseValueData[columnIndex] !== option.value) {
+        if (columnsType() === 'cascade') {
+          chooseValueData[columnIndex] = option.value ? option.value : '';
+          setchooseValueData(_toConsumableArray(chooseValueData));
+          var index = columnIndex;
+          var cursor = option;
+
+          while (cursor && cursor.children && cursor.children[0]) {
+            chooseValueData[index + 1] = cursor.children[0].value;
+            setchooseValueData(_toConsumableArray(chooseValueData));
+            index++;
+            var cc = cursor.children[0];
+            cursor = cc;
+          } // 当前改变列的下一列 children 值为空
+
+
+          if (cursor && cursor.children) {
+            chooseValueData[index + 1] = '';
+            setchooseValueData(_toConsumableArray(chooseValueData));
+          }
+
+          setColumnsList(normalListData());
+        } else {
+          setchooseValueData(function (data) {
+            var cdata = _toConsumableArray(data);
+
+            cdata[columnIndex] = Object.prototype.hasOwnProperty.call(option, 'value') ? option.value : '';
+            return cdata;
+          });
+        }
+
+        setcolumnIndex(columnIndex);
+      }
+    }
+  }; // 传入的数据格式化
 
-  var confirm = function confirm(defaultValueData) {
-    var data = defaultValueData || cacheValueData;
-    onConfirm && onConfirm(data);
-    setchooseValueData(_toConsumableArray(data));
-    _onClose && _onClose();
-  };
 
-  var _chooseItem = function chooseItem(value, index) {
-    setcacheValueData(function (data) {
-      var cacheData = _toConsumableArray(data);
+  var normalListData = function normalListData() {
+    var type = columnsType();
 
-      if (cacheData[index] != value) {
-        cacheData[index] = value;
-        onChoose && onChoose(index, value, cacheData, pickerRef);
+    switch (type) {
+      case 'multiple':
+        return listData;
+
+      case 'cascade':
+        // 级联数据处理
+        return formatCascade(listData, chooseValueData);
+
+      default:
+        return [listData];
+    }
+  }; // 每一列的类型
+
+
+  var columnsType = function columnsType() {
+    var firstColumn = listData[0];
+
+    if (firstColumn) {
+      if (Array.isArray(firstColumn)) {
+        return 'multiple';
       }
 
-      return cacheData;
-    });
+      if ('children' in firstColumn) {
+        return 'cascade';
+      }
+    }
+
+    return 'single';
+  }; // 级联数据格式化
+
+
+  var formatCascade = function formatCascade(columns, defaultValues) {
+    var formatted = [];
+    var cursor = {
+      text: '',
+      value: '',
+      children: columns
+    };
+    var columnIndex = 0;
+
+    var _loop = function _loop() {
+      var options = cursor.children;
+      var value = defaultValues[columnIndex];
+      var index = options.findIndex(function (columnItem) {
+        return columnItem.value === value;
+      });
+      if (index === -1) index = 0;
+      cursor = cursor.children[index];
+      columnIndex++;
+      formatted.push(options);
+    };
+
+    while (cursor && cursor.children) {
+      _loop();
+    }
+
+    return formatted;
   };
 
   var init = function init() {
-    if (defaultValueData && defaultValueData.length) {
-      setchooseValueData(_toConsumableArray(defaultValueData));
-    } else {
-      var data = [];
-      listData.map(function (item, index) {
-        data.push(item[0]);
-      });
-      setcacheValueData(function (cache) {
-        return [].concat(data);
-      });
+    var data = [];
+    var normalData = normalListData();
+    setColumnsList(normalData);
+    normalData.map(function (item) {
+      data.push(item[0].value);
+      return item;
+    });
+
+    if (!defaultValueData && chooseValueData.length === 0) {
       setchooseValueData([].concat(data));
     }
-
-    setIsReady(true);
   };
 
   return React__default.createElement(Popup, {
     visible: isVisible,
     position: "bottom",
     onClose: function onClose() {
-      _onClose && _onClose();
+      closeActionSheet();
     }
   }, React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className || ''),
@@ -386,17 +486,16 @@ var InternalPicker = function InternalPicker(props, ref) {
   }, locale.confirm)), React__default.createElement("div", {
     className: b('panel'),
     ref: pickerRef
-  }, listData === null || listData === void 0 ? void 0 : listData.map(function (item, index) {
+  }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function (item, index) {
     return React__default.createElement(PickerSlot, {
       defaultValue: chooseValueData === null || chooseValueData === void 0 ? void 0 : chooseValueData[index],
-      isUpdate: isUpdate,
       listData: item,
+      threeDimensional: threeDimensional,
       chooseItem: function chooseItem(value, index) {
         return _chooseItem(value, index);
       },
       key: index,
-      keyIndex: index,
-      ref: refList[index]
+      keyIndex: index
     });
   }))));
 };

package/dist/esm/Progress/style/index.js

@@ -0,0 +1,2 @@
+require('../../Icon/style')
+require('../../../packages/progress/progress.scss')