@nutui/nutui-react-taro 1.3.2-beta.0 → 1.3.2-beta.1

package/dist/esm/datepicker.taro-440e6da6.js

@@ -1,923 +0,0 @@
-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", "onChange", "className", "style", "threeDimensional", "swipeDuration"],
-    _excluded2 = ["minDate", "maxDate", "type", "isShowChinese", "minuteStep", "modelValue", "visible", "title", "formatter", "onCloseDatePicker", "onConfirmDatePicker", "filter", "threeDimensional", "className", "style"];
-
-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, useEffect, useImperativeHandle } from 'react';
-import { u as useRefs, P as Popup } from './useRefs-032cf186.js';
-import { u as useTouch } from './useTouch-a2ea68c6.js';
-import { u as useConfig } from './configprovider-3e87d67a.js';
-import { c as cn } from './bem-893ad28d.js';
-
-var InternalPickerSlot = function InternalPickerSlot(props, ref) {
-  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,
-      _props$swipeDuration = props.swipeDuration,
-      swipeDuration = _props$swipeDuration === void 0 ? 1000 : _props$swipeDuration,
-      chooseItem = props.chooseItem;
-  var touch = useTouch();
-  var DEFAULT_DURATION = 200; // 触发惯性滑动条件:
-  // 在手指离开屏幕时，如果和上一次 move 时的间隔小于 `MOMENTUM_TIME` 且 move
-  // 距离大于 `MOMENTUM_DISTANCE` 时，执行惯性滑动
-
-  var INERTIA_TIME = 300;
-  var INERTIA_DISTANCE = 15;
-
-  var _useState = useState(1),
-      _useState2 = _slicedToArray(_useState, 2),
-      currIndex = _useState2[0],
-      setCurrIndex = _useState2[1];
-
-  var lineSpacing = 36;
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      touchTime = _useState4[0],
-      setTouchTime = _useState4[1];
-
-  var _useState5 = useState('0deg'),
-      _useState6 = _slicedToArray(_useState5, 2),
-      touchDeg = _useState6[0],
-      setTouchDeg = _useState6[1];
-
-  var rotation = 20;
-  var moving = useRef(false);
-  var timer;
-  useRef(null);
-  var rollerRef = useRef(null);
-  var pickerSlotRef = useRef(null);
-
-  var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      startTime = _useState8[0],
-      setStartTime = _useState8[1];
-
-  var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      startY = _useState10[0],
-      setStartY = _useState10[1];
-
-  var transformY = useRef(0);
-
-  var _useState11 = useState(0),
-      _useState12 = _slicedToArray(_useState11, 2),
-      scrollDistance = _useState12[0],
-      setScrollDistance = _useState12[1];
-
-  var isHidden = function isHidden(index) {
-    if (index >= currIndex + 8 || index <= currIndex - 8) {
-      return true;
-    }
-
-    return false;
-  };
-
-  var setTransform = function setTransform() {
-    var translateY = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-    var type = arguments.length > 1 ? arguments[1] : undefined;
-    var time = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : DEFAULT_DURATION;
-    var deg = arguments.length > 3 ? arguments[3] : undefined;
-    var nTime = time;
-
-    if (type !== 'end') {
-      nTime = 0;
-    }
-
-    setTouchTime(nTime);
-    setTouchDeg(deg);
-    setScrollDistance(translateY);
-  };
-
-  var setMove = function setMove(move, type, time) {
-    var updateMove = move + transformY.current;
-
-    if (type === 'end') {
-      // 限定滚动距离
-      if (updateMove > 0) {
-        updateMove = 0;
-      }
-
-      if (updateMove < -(listData.length - 1) * lineSpacing) {
-        updateMove = -(listData.length - 1) * lineSpacing;
-      } // 设置滚动距离为lineSpacing的倍数值
-
-
-      var endMove = Math.round(updateMove / lineSpacing) * lineSpacing;
-      var deg = "".concat((Math.abs(Math.round(endMove / lineSpacing)) + 1) * rotation, "deg");
-      setTransform(endMove, type, time, deg);
-      setCurrIndex(Math.abs(Math.round(endMove / lineSpacing)) + 1);
-    } else {
-      var _deg = 0;
-      var currentDeg = (-updateMove / lineSpacing + 1) * rotation; // picker 滚动的最大角度
-
-      var maxDeg = (listData.length + 1) * rotation;
-      var minDeg = 0;
-      _deg = Math.min(Math.max(currentDeg, minDeg), maxDeg);
-
-      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) {
-    touch.start(event);
-    setStartY(touch.deltaY);
-    setStartTime(Date.now());
-    transformY.current = scrollDistance;
-  };
-
-  var touchMove = function touchMove(event) {
-    touch.move(event);
-
-    if (touch.isVertical) {
-      moving.current = true;
-      preventDefault(event, true);
-    }
-
-    var move = touch.deltaY - startY;
-    setMove(move);
-  };
-
-  var touchEnd = function touchEnd(event) {
-    if (!moving.current) return;
-    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', +swipeDuration);
-    } else {
-      setMove(move, 'end');
-    }
-
-    setTimeout(function () {
-      // moving.current = false
-      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) {
-      listData.some(function (item, idx) {
-        if (item.value === value) {
-          index = idx;
-          return true;
-        }
-
-        return false;
-      });
-    } else {
-      listData.forEach(function (item, i) {
-        if (item.value === defaultValue) {
-          index = i;
-        }
-      });
-    }
-
-    setCurrIndex(index === -1 ? 1 : index + 1);
-    var move = index === -1 ? 0 : index * lineSpacing;
-    type && setChooseValue(-move);
-    setMove(-move);
-  }; // 惯性滚动结束
-
-
-  var stopMomentum = function stopMomentum() {
-    moving.current = false;
-    setTouchTime(0);
-    setChooseValue(scrollDistance);
-  }; // 阻止默认事件
-
-
-  var preventDefault = function preventDefault(event, isStopPropagation) {
-    /* istanbul ignore else */
-    if (typeof event.cancelable !== 'boolean' || event.cancelable) {
-      event.preventDefault();
-    }
-
-    if (isStopPropagation) {
-      event.stopPropagation();
-    }
-  };
-
-  var touchRollerStyle = function touchRollerStyle() {
-    return {
-      transition: "transform ".concat(touchTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)"),
-      transform: "rotate3d(1, 0, 0, ".concat(touchDeg, ")")
-    };
-  };
-
-  var touchTileStyle = function touchTileStyle() {
-    return {
-      transition: "transform ".concat(touchTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)"),
-      transform: "translate3d(0, ".concat(scrollDistance, "px, 0)")
-    };
-  };
-
-  useEffect(function () {
-    setScrollDistance(0);
-    transformY.current = 0;
-    modifyStatus(false);
-    return function () {
-      clearTimeout(timer);
-    };
-  }, [listData]);
-  useImperativeHandle(ref, function () {
-    return {
-      stopMomentum: stopMomentum,
-      moving: moving.current
-    };
-  });
-  return React__default.createElement("div", {
-    className: "nut-picker-list",
-    ref: pickerSlotRef,
-    onTouchStart: touchStart,
-    onTouchMove: touchMove,
-    onTouchEnd: touchEnd
-  }, React__default.createElement("div", {
-    className: "nut-picker-roller",
-    ref: rollerRef,
-    style: threeDimensional ? touchRollerStyle() : touchTileStyle(),
-    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.value ? item.value : index
-    }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
-  }), !threeDimensional && listData.map(function (item, index) {
-    return React__default.createElement("div", {
-      className: "nut-picker-roller-item-tile",
-      key: item.value ? item.value : index
-    }, React__default.createElement(React__default.Fragment, null, item.text ? item.text : item));
-  })), React__default.createElement("div", {
-    className: "nut-picker-mask"
-  }), React__default.createElement("div", {
-    className: "nut-picker-indicator"
-  }));
-};
-
-var PickerSlot = React__default.forwardRef(InternalPickerSlot);
-
-var InternalPicker = function InternalPicker(props, ref) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  var isVisible = props.isVisible,
-      title = props.title,
-      _props$listData2 = props.listData,
-      listData = _props$listData2 === void 0 ? [] : _props$listData2,
-      defaultValueData = props.defaultValueData,
-      onConfirm = props.onConfirm,
-      onClose = props.onClose,
-      onCloseUpdate = props.onCloseUpdate,
-      onChange = props.onChange,
-      className = props.className,
-      style = props.style,
-      threeDimensional = props.threeDimensional,
-      swipeDuration = props.swipeDuration,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  var _useState13 = useState([]),
-      _useState14 = _slicedToArray(_useState13, 2),
-      chooseValueData = _useState14[0],
-      setchooseValueData = _useState14[1]; // 选择的数据的 value 值, 每一条数据的 value 值
-
-
-  var _useState15 = useState(0),
-      _useState16 = _slicedToArray(_useState15, 2),
-      columnIndex = _useState16[0],
-      setcolumnIndex = _useState16[1]; // 选中列
-
-
-  var pickerRef = useRef(null);
-
-  var _useRefs = useRefs(),
-      _useRefs2 = _slicedToArray(_useRefs, 2),
-      refs = _useRefs2[0],
-      setRefs = _useRefs2[1];
-
-  var _useState17 = useState([]),
-      _useState18 = _slicedToArray(_useState17, 2),
-      columnsList = _useState18[0],
-      setColumnsList = _useState18[1]; // 格式化后每一列的数据
-
-
-  var b = cn('picker');
-  var isConfirmEvent = useRef(false); // 默认值修改
-
-  useEffect(function () {
-    if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
-      var data = _toConsumableArray(defaultValueData);
-
-      setchooseValueData(data);
-      setColumnsList(normalListData());
-    }
-  }, [defaultValueData]); // 选中值进行修改
-
-  useEffect(function () {
-    console.log('修改');
-    onChange && onChange(columnIndex, chooseValueData, selectedOptions());
-
-    if (isConfirmEvent.current) {
-      isConfirmEvent.current = false;
-      onConfirm && onConfirm(chooseValueData, selectedOptions());
-    }
-  }, [chooseValueData]); // 列表格式修改
-
-  useEffect(function () {
-    init();
-  }, [listData]);
-
-  var closeActionSheet = function closeActionSheet() {
-    onClose && onClose(chooseValueData, selectedOptions());
-    onCloseUpdate && onCloseUpdate(chooseValueData, selectedOptions(), pickerRef);
-  }; // 点击确定
-
-
-  var confirm = function confirm() {
-    var movings = false;
-    refs.forEach(function (_ref) {
-      if (_ref.moving) movings = true;
-
-      _ref.stopMomentum();
-    });
-
-    if (movings) {
-      isConfirmEvent.current = true;
-    } else {
-      onConfirm && onConfirm(chooseValueData, selectedOptions());
-    }
-
-    onClose && onClose(chooseValueData, selectedOptions());
-    setTimeout(function () {
-      isConfirmEvent.current = false;
-    }, 0);
-  };
-
-  var selectedOptions = function selectedOptions() {
-    var optins = [];
-    columnsList.map(function (column, index) {
-      var currOptions = [];
-      currOptions = column.filter(function (item) {
-        return item.value === chooseValueData[index];
-      });
-
-      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 normalListData = function normalListData() {
-    var type = columnsType();
-
-    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';
-      }
-
-      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() {
-    var data = [];
-    var normalData = normalListData();
-    setColumnsList(normalData);
-    normalData.length > 0 && normalData.map(function (item) {
-      item[0] && data.push(item[0].value);
-      return item;
-    });
-
-    if (!defaultValueData && chooseValueData.length === 0) {
-      setchooseValueData([].concat(data));
-    }
-  };
-
-  var renderToolbar = function renderToolbar() {
-    return React__default.createElement("div", {
-      className: b('control')
-    }, React__default.createElement("span", {
-      className: b('cancel-btn'),
-      onClick: function onClick() {
-        return closeActionSheet();
-      }
-    }, locale.cancel), React__default.createElement("div", {
-      className: b('title')
-    }, title || ''), React__default.createElement("span", {
-      className: b('confirm-btn'),
-      onClick: confirm
-    }, locale.confirm));
-  };
-
-  return React__default.createElement(Popup, {
-    visible: isVisible,
-    position: "bottom",
-    onClose: function onClose() {
-      closeActionSheet();
-    }
-  }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className || ''),
-    style: style
-  }, rest), renderToolbar(), React__default.createElement("div", {
-    className: b('panel'),
-    ref: pickerRef
-  }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function (item, index) {
-    return React__default.createElement(PickerSlot, {
-      ref: setRefs(index),
-      defaultValue: chooseValueData === null || chooseValueData === void 0 ? void 0 : chooseValueData[index],
-      listData: item,
-      threeDimensional: threeDimensional,
-      chooseItem: function chooseItem(value, index) {
-        return _chooseItem(value, index);
-      },
-      swipeDuration: swipeDuration,
-      key: index,
-      keyIndex: index
-    });
-  }))));
-};
-
-var Picker = React__default.forwardRef(InternalPicker);
-var currentYear = new Date().getFullYear();
-var defaultProps = {
-  modelValue: null,
-  visible: false,
-  title: '',
-  type: 'date',
-  isShowChinese: false,
-  threeDimensional: true,
-  minuteStep: 1,
-  minDate: new Date(currentYear - 10, 0, 1),
-  maxDate: new Date(currentYear + 10, 11, 31)
-};
-
-var DatePicker = function DatePicker(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      minDate = _defaultProps$props.minDate,
-      maxDate = _defaultProps$props.maxDate,
-      type = _defaultProps$props.type,
-      isShowChinese = _defaultProps$props.isShowChinese,
-      minuteStep = _defaultProps$props.minuteStep,
-      modelValue = _defaultProps$props.modelValue,
-      visible = _defaultProps$props.visible,
-      title = _defaultProps$props.title,
-      formatter = _defaultProps$props.formatter,
-      onCloseDatePicker = _defaultProps$props.onCloseDatePicker,
-      onConfirmDatePicker = _defaultProps$props.onConfirmDatePicker,
-      filter = _defaultProps$props.filter,
-      threeDimensional = _defaultProps$props.threeDimensional,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
-
-  var _useState19 = useState(false),
-      _useState20 = _slicedToArray(_useState19, 2),
-      show = _useState20[0],
-      setShow = _useState20[1];
-
-  var _useState21 = useState(modelValue),
-      _useState22 = _slicedToArray(_useState21, 2),
-      currentDate = _useState22[0],
-      setCurrentDate = _useState22[1];
-
-  var _useState23 = useState([]),
-      _useState24 = _slicedToArray(_useState23, 2),
-      defaultValue = _useState24[0],
-      setDefaultValue = _useState24[1];
-
-  var _useState25 = useState([]),
-      _useState26 = _slicedToArray(_useState25, 2),
-      listData = _useState26[0],
-      setListData = _useState26[1];
-
-  var pickerRef = useRef(null);
-
-  var isDate = function isDate(val) {
-    return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
-  };
-
-  var zhCNType = {
-    day: '日',
-    year: '年',
-    month: '月',
-    hour: '时',
-    minute: '分',
-    seconds: '秒'
-  };
-
-  var formatValue = function formatValue(value) {
-    var cvalue = value;
-
-    if (!cvalue || cvalue && !isDate(cvalue)) {
-      cvalue = minDate;
-    }
-
-    var timestmp = Math.max(cvalue.getTime(), minDate.getTime());
-    timestmp = Math.min(timestmp, maxDate.getTime());
-    return new Date(timestmp);
-  };
-
-  function getMonthEndDay(year, month) {
-    return new Date(year, month, 0).getDate();
-  }
-
-  var getBoundary = function getBoundary(type, value) {
-    var _ref2;
-
-    var boundary = type === 'min' ? minDate : maxDate;
-    var year = boundary.getFullYear();
-    var month = 1;
-    var date = 1;
-    var hour = 0;
-    var minute = 0;
-
-    if (type === 'max') {
-      month = 12;
-      date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
-      hour = 23;
-      minute = 59;
-    }
-
-    var seconds = minute;
-
-    if (value.getFullYear() === year) {
-      month = boundary.getMonth() + 1;
-
-      if (value.getMonth() + 1 === month) {
-        date = boundary.getDate();
-
-        if (value.getDate() === date) {
-          hour = boundary.getHours();
-
-          if (value.getHours() === hour) {
-            minute = boundary.getMinutes();
-          }
-        }
-      }
-    }
-
-    return _ref2 = {}, _defineProperty(_ref2, "".concat(type, "Year"), year), _defineProperty(_ref2, "".concat(type, "Month"), month), _defineProperty(_ref2, "".concat(type, "Date"), date), _defineProperty(_ref2, "".concat(type, "Hour"), hour), _defineProperty(_ref2, "".concat(type, "Minute"), minute), _defineProperty(_ref2, "".concat(type, "Seconds"), seconds), _ref2;
-  };
-
-  var ranges = function ranges(date) {
-    var curDate = date || currentDate;
-    console.log(11, currentDate);
-    if (!curDate) return [];
-
-    var _getBoundary = getBoundary('max', curDate),
-        maxYear = _getBoundary.maxYear,
-        maxDate = _getBoundary.maxDate,
-        maxMonth = _getBoundary.maxMonth,
-        maxHour = _getBoundary.maxHour,
-        maxMinute = _getBoundary.maxMinute,
-        maxSeconds = _getBoundary.maxSeconds;
-
-    var _getBoundary2 = getBoundary('min', curDate),
-        minYear = _getBoundary2.minYear,
-        minDate = _getBoundary2.minDate,
-        minMonth = _getBoundary2.minMonth,
-        minHour = _getBoundary2.minHour,
-        minMinute = _getBoundary2.minMinute,
-        minSeconds = _getBoundary2.minSeconds;
-
-    var result = [{
-      type: 'year',
-      range: [minYear, maxYear]
-    }, {
-      type: 'month',
-      range: [minMonth, maxMonth]
-    }, {
-      type: 'day',
-      range: [minDate, maxDate]
-    }, {
-      type: 'hour',
-      range: [minHour, maxHour]
-    }, {
-      type: 'minute',
-      range: [minMinute, maxMinute]
-    }, {
-      type: 'seconds',
-      range: [minSeconds, maxSeconds]
-    }];
-
-    switch (type.toLocaleLowerCase()) {
-      case 'date':
-        result = result.slice(0, 3);
-        break;
-
-      case 'datetime':
-        result = result.slice(0, 5);
-        break;
-
-      case 'time':
-        result = result.slice(3, 6);
-        break;
-
-      case 'year-month':
-        result = result.slice(0, 2);
-        break;
-
-      case 'month-day':
-        result = result.slice(1, 3);
-        break;
-
-      case 'datehour':
-        result = result.slice(0, 4);
-        break;
-    }
-
-    return result;
-  };
-
-  var updateChooseValueCustmer = function updateChooseValueCustmer(index, selectedValue, cacheValueData) {
-    if (['date', 'datetime', 'datehour', 'month-day', 'year-month'].includes(type.toLocaleLowerCase())) {
-      var _date;
-
-      var formatDate = [];
-      selectedValue.forEach(function (item) {
-        formatDate.push(item);
-      });
-
-      if (type.toLocaleLowerCase() === 'month-day' && formatDate.length < 3) {
-        formatDate.unshift(new Date(modelValue || minDate || maxDate).getFullYear());
-      }
-
-      if (type.toLocaleLowerCase() === 'year-month' && formatDate.length < 3) {
-        formatDate.push(new Date(modelValue || minDate || maxDate).getDate());
-      }
-
-      var year = Number(formatDate[0]);
-      var month = Number(formatDate[1]) - 1;
-      var day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
-      var date = null;
-
-      if (type.toLocaleLowerCase() === 'date' || type.toLocaleLowerCase() === 'month-day' || type.toLocaleLowerCase() === 'year-month') {
-        date = new Date(year, month, day);
-      } else if (type.toLocaleLowerCase() === 'datetime') {
-        date = new Date(year, month, day, Number(formatDate[3]), Number(formatDate[4]));
-      } else if (type.toLocaleLowerCase() === 'datehour') {
-        date = new Date(year, month, day, Number(formatDate[3]));
-      }
-
-      var isEqual = (currentDate === null || currentDate === void 0 ? void 0 : currentDate.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
-      date && isDate(date) && !isEqual && setCurrentDate(formatValue(date));
-    }
-
-    props.onChangeDatePicker && props.onChangeDatePicker(index, selectedValue, cacheValueData);
-  };
-
-  var padZero = function padZero(num) {
-    var targetLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
-    var str = "".concat(num);
-
-    while (str.length < targetLength) {
-      str = "0".concat(str);
-    }
-
-    return str;
-  };
-
-  var formatterOption = function formatterOption(type, value) {
-    var fOption = null;
-
-    if (formatter) {
-      fOption = formatter(type, {
-        text: padZero(value, 2),
-        value: padZero(value, 2)
-      });
-    } else {
-      var padMin = padZero(value, 2);
-      var fatter = isShowChinese ? zhCNType[type] : '';
-      fOption = {
-        text: padMin + fatter,
-        value: padMin
-      };
-    }
-
-    return fOption;
-  };
-
-  var generateValue = function generateValue(min, max, val, type, columnIndex) {
-    var cmin = min;
-    var arr = [];
-    var index = 0;
-
-    while (cmin <= max) {
-      arr.push(formatterOption(type, cmin));
-
-      if (type === 'minute') {
-        cmin += minuteStep;
-      } else {
-        cmin++;
-      }
-
-      if (cmin <= val) {
-        index++;
-      }
-    }
-
-    defaultValue[columnIndex] = arr[index].value;
-    setDefaultValue(_toConsumableArray(defaultValue));
-
-    if (props.filter && props.filter(type, arr)) {
-      return props.filter(type, arr);
-    }
-
-    return arr;
-  };
-
-  var getDateIndex = function getDateIndex(type) {
-    if (!currentDate) return 0;
-    var d = 0;
-
-    if (type === 'year') {
-      d = currentDate.getFullYear();
-    } else if (type === 'month') {
-      d = currentDate.getMonth() + 1;
-    } else if (type === 'day') {
-      d = currentDate.getDate();
-    } else if (type === 'hour') {
-      d = currentDate.getHours();
-    } else if (type === 'minute') {
-      d = currentDate.getMinutes();
-    } else if (type === 'seconds') {
-      d = currentDate.getSeconds();
-    }
-
-    return d;
-  };
-
-  var columns = function columns(date) {
-    var val = ranges(date).map(function (res, columnIndex) {
-      return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
-    });
-    return val || [];
-  };
-
-  useEffect(function () {
-    setCurrentDate(formatValue(modelValue)); // initDefault()
-  }, []);
-  useEffect(function () {
-    setCurrentDate(formatValue(modelValue));
-  }, [modelValue]);
-  useEffect(function () {
-    setShow(visible);
-  }, [visible]);
-  useEffect(function () {
-    if (currentDate) {
-      setListData(columns());
-    }
-  }, [currentDate]);
-  return React__default.createElement("div", _objectSpread({
-    className: "nut-datepicker ".concat(className || ''),
-    style: style
-  }, rest), listData.length > 0 && React__default.createElement(Picker, {
-    isVisible: show,
-    listData: listData,
-    onClose: onCloseDatePicker,
-    defaultValueData: defaultValue,
-    onConfirm: function onConfirm(values, options) {
-      return onConfirmDatePicker && onConfirmDatePicker(values, options);
-    },
-    onChange: function onChange(index, value, list) {
-      return updateChooseValueCustmer(index, value, list);
-    },
-    threeDimensional: threeDimensional,
-    ref: pickerRef
-  }));
-};
-
-DatePicker.defaultProps = defaultProps;
-DatePicker.displayName = 'NutDatePicker';
-export { DatePicker as D };