@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/CountDown.js

@@ -1,49 +1,15 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { p as padZero } from "./pad-zero.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  paused: false,
-  startTime: Date.now(),
-  endTime: Date.now(),
-  remainingTime: 0,
-  millisecond: false,
-  format: "HH:mm:ss",
-  autoStart: true,
-  time: 0,
-  destroy: false
-});
-var InternalCountDown = function InternalCountDown2(props, ref) {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { paused: false, startTime: Date.now(), endTime: Date.now(), remainingTime: 0, millisecond: false, format: "HH:mm:ss", autoStart: true, time: 0, destroy: false });
+const InternalCountDown = (props, ref) => {
   useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), paused = _defaultProps$props.paused, startTime = _defaultProps$props.startTime, endTime = _defaultProps$props.endTime, remainingTime = _defaultProps$props.remainingTime, millisecond = _defaultProps$props.millisecond, format = _defaultProps$props.format, autoStart = _defaultProps$props.autoStart, time = _defaultProps$props.time, destroy = _defaultProps$props.destroy, className = _defaultProps$props.className, style = _defaultProps$props.style, onEnd = _defaultProps$props.onEnd, onPaused = _defaultProps$props.onPaused, onRestart = _defaultProps$props.onRestart, onUpdate = _defaultProps$props.onUpdate, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var classPrefix = "nut-countdown";
-  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), restTimeStamp = _useState2[0], setRestTime = _useState2[1];
-  var stateRef = useRef({
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { paused, startTime, endTime, remainingTime, millisecond, format, autoStart, time, destroy, className, style, onEnd, onPaused, onRestart, onUpdate, children } = _a, rest = __rest(_a, ["paused", "startTime", "endTime", "remainingTime", "millisecond", "format", "autoStart", "time", "destroy", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"]);
+  const classPrefix = "nut-countdown";
+  const [restTimeStamp, setRestTime] = useState(0);
+  const stateRef = useRef({
     pauseTime: 0,
     curr: 0,
     isPaused: paused,
@@ -55,14 +21,14 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     diffTime: 0
     // 设置了 startTime 时，与 date.now() 的差异
   });
-  var getTimeStamp = function getTimeStamp2(timeStr) {
+  const getTimeStamp = (timeStr) => {
     if (!timeStr)
       return Date.now();
-    var t = timeStr;
-    t = t > 0 ? +t : t.toString().replace(/-/g, "/");
+    let t = timeStr;
+    t = Number(t) > 0 ? +t : t.toString().replace(/-/g, "/");
     return new Date(t).getTime();
   };
-  var initTime = function initTime2() {
+  const initTime = () => {
     if (remainingTime) {
       stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
     } else {
@@ -73,11 +39,11 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       stateRef.current.counting = true;
     tick();
   };
-  var tick = function tick2() {
-    stateRef.current.timer = requestAnimationFrame(function() {
+  const tick = () => {
+    stateRef.current.timer = requestAnimationFrame(() => {
       if (stateRef.current.counting) {
-        var currentTime = Date.now() - stateRef.current.diffTime;
-        var remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
+        const currentTime = Date.now() - stateRef.current.diffTime;
+        const remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
         stateRef.current.restTime = remainTime;
         setRestTime(remainTime);
         if (!remainTime) {
@@ -86,24 +52,24 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
           onEnd && onEnd();
         }
         if (remainTime > 0) {
-          tick2();
+          tick();
         }
       }
     });
   };
-  var formatRemainTime = function formatRemainTime2(t, type) {
-    var ts = t;
-    var rest2 = {
+  const formatRemainTime = (t, type) => {
+    const ts = t;
+    const rest2 = {
       d: 0,
       h: 0,
       m: 0,
       s: 0,
       ms: 0
     };
-    var SECOND = 1e3;
-    var MINUTE = 60 * SECOND;
-    var HOUR = 60 * MINUTE;
-    var DAY = 24 * HOUR;
+    const SECOND = 1e3;
+    const MINUTE = 60 * SECOND;
+    const HOUR = 60 * MINUTE;
+    const DAY = 24 * HOUR;
     if (ts > 0) {
       rest2.d = ts >= SECOND ? Math.floor(ts / DAY) : 0;
       rest2.h = Math.floor(ts % DAY / HOUR);
@@ -111,12 +77,12 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       rest2.s = Math.floor(ts % MINUTE / SECOND);
       rest2.ms = Math.floor(ts % SECOND);
     }
-    return type === "custom" ? rest2 : parseFormat(_objectSpread({}, rest2));
+    return type === "custom" ? rest2 : parseFormat(Object.assign({}, rest2));
   };
-  var parseFormat = function parseFormat2(time2) {
-    var d = time2.d;
-    var h = time2.h, m = time2.m, s = time2.s, ms = time2.ms;
-    var formatCache = format;
+  const parseFormat = (time2) => {
+    const { d } = time2;
+    let { h, m, s, ms } = time2;
+    let formatCache = format;
     if (formatCache.includes("DD")) {
       formatCache = formatCache.replace("DD", padZero(d));
     } else {
@@ -138,7 +104,7 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       ms += Number(s) * 1e3;
     }
     if (formatCache.includes("S")) {
-      var msC = padZero(ms, 3).toString();
+      const msC = padZero(ms, 3).toString();
       if (formatCache.includes("SSS")) {
         formatCache = formatCache.replace("SSS", msC);
       } else if (formatCache.includes("SS")) {
@@ -149,40 +115,38 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     }
     return formatCache;
   };
-  var pause = function pause2() {
+  const pause = () => {
     cancelAnimationFrame(stateRef.current.timer);
     stateRef.current.counting = false;
     onPaused && onPaused(stateRef.current.restTime);
   };
-  useImperativeHandle(ref, function() {
-    return {
-      start: function start() {
-        if (!stateRef.current.counting && !autoStart) {
-          stateRef.current.counting = true;
-          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
-          tick();
-          onRestart && onRestart(stateRef.current.restTime);
-        }
-      },
-      pause: function pause2() {
-        cancelAnimationFrame(stateRef.current.timer);
-        stateRef.current.counting = false;
-        onPaused && onPaused(stateRef.current.restTime);
-      },
-      reset: function reset() {
-        if (!autoStart) {
-          pause();
-          stateRef.current.restTime = time;
-          setRestTime(time);
-        }
+  useImperativeHandle(ref, () => ({
+    start: () => {
+      if (!stateRef.current.counting && !autoStart) {
+        stateRef.current.counting = true;
+        stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+        tick();
+        onRestart && onRestart(stateRef.current.restTime);
       }
-    };
-  });
-  useEffect(function() {
-    var tranTime = formatRemainTime(stateRef.current.restTime, "custom");
+    },
+    pause: () => {
+      cancelAnimationFrame(stateRef.current.timer);
+      stateRef.current.counting = false;
+      onPaused && onPaused(stateRef.current.restTime);
+    },
+    reset: () => {
+      if (!autoStart) {
+        pause();
+        stateRef.current.restTime = time;
+        setRestTime(time);
+      }
+    }
+  }));
+  useEffect(() => {
+    const tranTime = formatRemainTime(stateRef.current.restTime, "custom");
     onUpdate && onUpdate(tranTime);
   }, [restTimeStamp]);
-  useEffect(function() {
+  useEffect(() => {
     if (stateRef.current.isIninted) {
       if (paused) {
         if (stateRef.current.counting) {
@@ -198,12 +162,12 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
       }
     }
   }, [paused]);
-  useEffect(function() {
+  useEffect(() => {
     if (stateRef.current.isIninted) {
       initTime();
     }
   }, [endTime, startTime, remainingTime]);
-  useEffect(function() {
+  useEffect(() => {
     if (autoStart) {
       initTime();
     } else {
@@ -215,24 +179,21 @@ var InternalCountDown = function InternalCountDown2(props, ref) {
     }
     return componentWillUnmount;
   }, []);
-  var componentWillUnmount = function componentWillUnmount2() {
+  const componentWillUnmount = () => {
     destroy && cancelAnimationFrame(stateRef.current.timer);
   };
-  var renderTime = function() {
+  const renderTime = (() => {
     return formatRemainTime(stateRef.current.restTime);
-  }();
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(classPrefix, " ").concat(className),
-    style: _objectSpread({}, style)
-  }, rest), children || React__default.createElement("div", {
-    className: "".concat(classPrefix, "-block"),
+  })();
+  return React__default.createElement("div", Object.assign({ className: `${classPrefix} ${className}`, style: Object.assign({}, style) }, rest), children || React__default.createElement("div", {
+    className: `${classPrefix}-block`,
     // eslint-disable-next-line react/no-danger
     dangerouslySetInnerHTML: {
-      __html: "".concat(renderTime)
+      __html: `${renderTime}`
     }
   }));
 };
-var CountDown = React__default.forwardRef(InternalCountDown);
+const CountDown = React__default.forwardRef(InternalCountDown);
 CountDown.defaultProps = defaultProps;
 CountDown.displayName = "NutCountDown";
 export {

package/dist/esm/DatePicker.js

@@ -1,54 +1,20 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["startDate", "endDate", "type", "showChinese", "minuteStep", "visible", "title", "defaultValue", "pickerProps", "formatter", "onClose", "onCancel", "onConfirm", "filter", "onChange", "threeDimensional", "className", "style"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useEffect } from "react";
 import Picker from "./Picker.js";
 import { useConfig } from "./ConfigProvider.js";
 import { u as usePropsValue } from "./use-props-value.js";
 import { C as ComponentDefaults } from "./typings.js";
 import { p as padZero } from "./pad-zero.js";
-var isDate = function isDate2(val) {
+const isDate = (val) => {
   return Object.prototype.toString.call(val) === "[object Date]" && !Number.isNaN(val.getTime());
 };
-var currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  visible: false,
-  title: "",
-  type: "date",
-  showChinese: false,
-  threeDimensional: true,
-  minuteStep: 1,
-  startDate: new Date(currentYear - 10, 0, 1),
-  endDate: new Date(currentYear + 10, 11, 31)
-});
-var DatePicker = function DatePicker2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), startDate = _defaultProps$props.startDate, endDate = _defaultProps$props.endDate, type = _defaultProps$props.type, showChinese = _defaultProps$props.showChinese, minuteStep = _defaultProps$props.minuteStep, visible = _defaultProps$props.visible, title = _defaultProps$props.title, defaultValue = _defaultProps$props.defaultValue, _defaultProps$props$p = _defaultProps$props.pickerProps, pickerProps = _defaultProps$props$p === void 0 ? {} : _defaultProps$props$p, formatter = _defaultProps$props.formatter, onClose = _defaultProps$props.onClose, onCancel = _defaultProps$props.onCancel, _onConfirm = _defaultProps$props.onConfirm, filter = _defaultProps$props.filter, onChange = _defaultProps$props.onChange, threeDimensional = _defaultProps$props.threeDimensional, className = _defaultProps$props.className, style = _defaultProps$props.style, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useConfig = useConfig(), locale = _useConfig.locale;
-  var lang = locale.datepicker;
-  var zhCNType = {
+const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { visible: false, title: "", type: "date", showChinese: false, threeDimensional: true, minuteStep: 1, startDate: new Date(currentYear - 10, 0, 1), endDate: new Date(currentYear + 10, 11, 31) });
+const DatePicker = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { startDate, endDate, type, showChinese, minuteStep, visible, title, defaultValue, pickerProps = {}, formatter, onClose, onCancel, onConfirm, filter, onChange, threeDimensional, className, style } = _a, rest = __rest(_a, ["startDate", "endDate", "type", "showChinese", "minuteStep", "visible", "title", "defaultValue", "pickerProps", "formatter", "onClose", "onCancel", "onConfirm", "filter", "onChange", "threeDimensional", "className", "style"]);
+  const { locale } = useConfig();
+  const lang = locale.datepicker;
+  const zhCNType = {
     day: lang.day,
     year: lang.year,
     month: lang.month,
@@ -56,36 +22,36 @@ var DatePicker = function DatePicker2(props) {
     minute: lang.min,
     seconds: lang.seconds
   };
-  var _useState = useState([]), _useState2 = _slicedToArray(_useState, 2), pickerValue = _useState2[0], setPickerValue = _useState2[1];
-  var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), pickerOptions = _useState4[0], setPickerOptions = _useState4[1];
-  var formatValue = function formatValue2(value) {
+  const [pickerValue, setPickerValue] = useState([]);
+  const [pickerOptions, setPickerOptions] = useState([]);
+  const formatValue = (value) => {
     if (!value || value && !isDate(value)) {
       value = startDate;
     }
     return Math.min(Math.max(value.getTime(), startDate.getTime()), endDate.getTime());
   };
-  var _usePropsValue = usePropsValue({
+  const [selectedDate, setSelectedDate] = usePropsValue({
     value: props.value && formatValue(props.value),
     defaultValue: props.defaultValue && formatValue(props.defaultValue),
     finalValue: 0
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), selectedDate = _usePropsValue2[0], setSelectedDate = _usePropsValue2[1];
+  });
   function getMonthEndDay(year, month) {
     return new Date(year, month, 0).getDate();
   }
-  var getBoundary = function getBoundary2(type2, value) {
-    var boundary = type2 === "min" ? startDate : endDate;
-    var year = boundary.getFullYear();
-    var month = 1;
-    var date = 1;
-    var hour = 0;
-    var minute = 0;
+  const getBoundary = (type2, value) => {
+    const boundary = type2 === "min" ? startDate : endDate;
+    const year = boundary.getFullYear();
+    let month = 1;
+    let date = 1;
+    let hour = 0;
+    let minute = 0;
     if (type2 === "max") {
       month = 12;
       date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
       hour = 23;
       minute = 59;
     }
-    var seconds = minute;
+    const seconds = minute;
     if (value.getFullYear() === year) {
       month = boundary.getMonth() + 1;
       if (value.getMonth() + 1 === month) {
@@ -98,33 +64,47 @@ var DatePicker = function DatePicker2(props) {
         }
       }
     }
-    return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(type2, "Year"), year), "".concat(type2, "Month"), month), "".concat(type2, "Date"), date), "".concat(type2, "Hour"), hour), "".concat(type2, "Minute"), minute), "".concat(type2, "Seconds"), seconds);
+    return {
+      [`${type2}Year`]: year,
+      [`${type2}Month`]: month,
+      [`${type2}Date`]: date,
+      [`${type2}Hour`]: hour,
+      [`${type2}Minute`]: minute,
+      [`${type2}Seconds`]: seconds
+    };
   };
-  var ranges = function ranges2() {
-    var selected = new Date(selectedDate);
+  const ranges = () => {
+    const selected = new Date(selectedDate);
     if (!selected)
       return [];
-    var _getBoundary = getBoundary("max", selected), maxYear = _getBoundary.maxYear, maxDate = _getBoundary.maxDate, maxMonth = _getBoundary.maxMonth, maxHour = _getBoundary.maxHour, maxMinute = _getBoundary.maxMinute, maxSeconds = _getBoundary.maxSeconds;
-    var _getBoundary2 = getBoundary("min", selected), 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]
-    }];
+    const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", selected);
+    const { minYear, minDate, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", selected);
+    const 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":
         return result.slice(0, 3);
@@ -144,12 +124,12 @@ var DatePicker = function DatePicker2(props) {
         return result;
     }
   };
-  var handlePickerChange = function handlePickerChange2(selectedOptions, selectedValue, index) {
-    var rangeType = type.toLocaleLowerCase();
+  const handlePickerChange = (selectedOptions, selectedValue, index) => {
+    var _a2;
+    const rangeType = type.toLocaleLowerCase();
     if (["date", "datetime", "datehour", "month-day", "year-month"].includes(rangeType)) {
-      var _Date, _date;
-      var formatDate = [];
-      selectedValue.forEach(function(item) {
+      const formatDate = [];
+      selectedValue.forEach((item) => {
         formatDate.push(item);
       });
       if (rangeType === "month-day" && formatDate.length < 3) {
@@ -158,10 +138,10 @@ var DatePicker = function DatePicker2(props) {
       if (rangeType === "year-month" && formatDate.length < 3) {
         formatDate.push(new Date(defaultValue || startDate || endDate).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;
+      const year = Number(formatDate[0]);
+      const month = Number(formatDate[1]) - 1;
+      const day = Math.min(Number(formatDate[2]), getMonthEndDay(Number(formatDate[0]), Number(formatDate[1])));
+      let date = null;
       if (rangeType === "date" || rangeType === "month-day" || rangeType === "year-month") {
         date = new Date(year, month, day);
       } else if (rangeType === "datetime") {
@@ -169,30 +149,27 @@ var DatePicker = function DatePicker2(props) {
       } else if (rangeType === "datehour") {
         date = new Date(year, month, day, Number(formatDate[3]));
       }
-      var isEqual = ((_Date = new Date(selectedDate)) === null || _Date === void 0 ? void 0 : _Date.getTime()) === ((_date = date) === null || _date === void 0 ? void 0 : _date.getTime());
+      const isEqual = ((_a2 = new Date(selectedDate)) === null || _a2 === void 0 ? void 0 : _a2.getTime()) === (date === null || date === void 0 ? void 0 : date.getTime());
       date && isDate(date) && !isEqual && setSelectedDate(formatValue(date));
     }
     props.onChange && props.onChange(selectedOptions, selectedValue, index);
   };
-  var formatOption = function formatOption2(type2, value) {
+  const formatOption = (type2, value) => {
     if (formatter) {
       return formatter(type2, {
         text: padZero(value, 2),
         value: padZero(value, 2)
       });
     }
-    var padMin = padZero(value, 2);
-    var fatter = showChinese ? zhCNType[type2] : "";
-    return {
-      text: padMin + fatter,
-      value: padMin
-    };
+    const padMin = padZero(value, 2);
+    const fatter = showChinese ? zhCNType[type2] : "";
+    return { text: padMin + fatter, value: padMin };
   };
-  var generateColumn = function generateColumn2(min, max, val, type2, columnIndex) {
-    var _arr$index;
-    var cmin = min;
-    var arr = [];
-    var index = 0;
+  const generateColumn = (min, max, val, type2, columnIndex) => {
+    var _a2;
+    let cmin = min;
+    const arr = [];
+    let index = 0;
     while (cmin <= max) {
       arr.push(formatOption(type2, cmin));
       if (type2 === "minute") {
@@ -200,19 +177,19 @@ var DatePicker = function DatePicker2(props) {
       } else {
         cmin++;
       }
-      if (cmin <= val) {
+      if (cmin <= Number(val)) {
         index++;
       }
     }
-    pickerValue[columnIndex] = (_arr$index = arr[index]) === null || _arr$index === void 0 ? void 0 : _arr$index.value;
-    setPickerValue(_toConsumableArray(pickerValue));
+    pickerValue[columnIndex] = (_a2 = arr[index]) === null || _a2 === void 0 ? void 0 : _a2.value;
+    setPickerValue([...pickerValue]);
     if (props.filter && props.filter(type2, arr)) {
       return props.filter(type2, arr);
     }
     return arr;
   };
-  var getDateIndex = function getDateIndex2(type2) {
-    var date = new Date(selectedDate);
+  const getDateIndex = (type2) => {
+    const date = new Date(selectedDate);
     if (!selectedDate)
       return 0;
     if (type2 === "year") {
@@ -235,33 +212,16 @@ var DatePicker = function DatePicker2(props) {
     }
     return 0;
   };
-  var columns = function columns2() {
-    var val = ranges().map(function(res, columnIndex) {
+  const columns = () => {
+    const val = ranges().map((res, columnIndex) => {
       return generateColumn(res.range[0], res.range[1], getDateIndex(res.type), res.type, columnIndex);
     });
     return val || [];
   };
-  useEffect(function() {
+  useEffect(() => {
     setPickerOptions(columns());
   }, [selectedDate, startDate, endDate]);
-  return React__default.createElement("div", _objectSpread({
-    className: "nut-datepicker ".concat(className),
-    style
-  }, rest), pickerOptions.length && React__default.createElement(Picker, _objectSpread(_objectSpread({}, pickerProps), {}, {
-    title,
-    visible,
-    options: pickerOptions,
-    onClose,
-    onCancel,
-    value: pickerValue,
-    onConfirm: function onConfirm(options, value) {
-      return _onConfirm && _onConfirm(options, value);
-    },
-    onChange: function onChange2(options, value, index) {
-      return handlePickerChange(options, value, index);
-    },
-    threeDimensional
-  })));
+  return React__default.createElement("div", Object.assign({ className: `nut-datepicker ${className}`, style }, rest), pickerOptions.length && React__default.createElement(Picker, Object.assign({}, pickerProps, { title, visible, options: pickerOptions, onClose, onCancel, value: pickerValue, onConfirm: (options, value) => onConfirm && onConfirm(options, value), onChange: (options, value, index) => handlePickerChange(options, value, index), threeDimensional })));
 };
 DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = "NutDatePicker";