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

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") {
@@ -204,15 +181,15 @@ var DatePicker = function DatePicker2(props) {
         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";