@nutui/nutui-react 1.3.5-beta.1 → 1.3.6

package/dist/esm/DatePicker.js

@@ -3,11 +3,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["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 } from 'react';
 import Picker from './Picker.js';
 import { useConfig } from './ConfigProvider.js';
@@ -23,28 +20,27 @@ var defaultProps = {
   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, _excluded);
-
+    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, _excluded);
   var _useConfig = useConfig(),
-      locale = _useConfig.locale; // const [translated] = useTranslate<T>({
+    locale = _useConfig.locale;
+  // const [translated] = useTranslate<T>({
   //   'zh-CN': {
   //     year: '年',
   //     month: '月',
@@ -70,34 +66,26 @@ var DatePicker = function DatePicker(props) {
   //     seconds: 'Second',
   //   },
   // })
-
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
   var _useState3 = useState(modelValue),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentDate = _useState4[0],
-      setCurrentDate = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentDate = _useState4[0],
+    setCurrentDate = _useState4[1];
   var _useState5 = useState([]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      defaultValue = _useState6[0],
-      setDefaultValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    defaultValue = _useState6[0],
+    setDefaultValue = _useState6[1];
   var _useState7 = useState([]),
-      _useState8 = _slicedToArray(_useState7, 2),
-      listData = _useState8[0],
-      setListData = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    listData = _useState8[0],
+    setListData = _useState8[1];
   var pickerRef = useRef(null);
-
   var isDate = function isDate(val) {
     return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
   };
-
   var datepickerLang = locale.datepicker;
   var zhCNType = {
     day: datepickerLang.day,
@@ -107,82 +95,65 @@ var DatePicker = function DatePicker(props) {
     minute: datepickerLang.min,
     seconds: datepickerLang.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 _ref;
-
     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 _ref = {}, _defineProperty(_ref, "".concat(type, "Year"), year), _defineProperty(_ref, "".concat(type, "Month"), month), _defineProperty(_ref, "".concat(type, "Date"), date), _defineProperty(_ref, "".concat(type, "Hour"), hour), _defineProperty(_ref, "".concat(type, "Minute"), minute), _defineProperty(_ref, "".concat(type, "Seconds"), seconds), _ref;
   };
-
   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;
-
+      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;
-
+      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]
@@ -202,58 +173,45 @@ var DatePicker = function DatePicker(props) {
       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') {
@@ -261,28 +219,21 @@ var DatePicker = function DatePicker(props) {
       } 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),
@@ -296,43 +247,33 @@ var DatePicker = function DatePicker(props) {
         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') {
@@ -346,19 +287,17 @@ var DatePicker = function DatePicker(props) {
     } 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()
+    setCurrentDate(formatValue(modelValue));
+    // initDefault()
   }, []);
   useEffect(function () {
     setCurrentDate(formatValue(modelValue));
@@ -389,7 +328,6 @@ var DatePicker = function DatePicker(props) {
     ref: pickerRef
   }));
 };
-
 DatePicker.defaultProps = defaultProps;
 DatePicker.displayName = 'NutDatePicker';
 export { DatePicker as default };

package/dist/esm/Dialog.js

@@ -1,46 +1,37 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["visible", "footer", "noFooter", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"];
-
 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 * as React from 'react';
 import React__default, { forwardRef } from 'react';
 import classNames from 'classnames';
 import Button from './Button.js';
 import { CSSTransition } from 'react-transition-group';
 import ReactDOM__default from 'react-dom';
-
 var Content = function Content(props) {
   var visible = props.visible,
-      title = props.title,
-      footer = props.footer,
-      textAlign = props.textAlign,
-      footerDirection = props.footerDirection,
-      onClickSelf = props.onClickSelf,
-      children = props.children;
+    title = props.title,
+    footer = props.footer,
+    textAlign = props.textAlign,
+    footerDirection = props.footerDirection,
+    onClickSelf = props.onClickSelf,
+    children = props.children;
   var headerNode;
-
   if (title) {
     headerNode = React__default.createElement("div", {
       className: "nut-dialog__header"
     }, title);
   }
-
   var footerNode;
-
   if (footer) {
     footerNode = React__default.createElement("div", {
       className: classNames('nut-dialog__footer', _defineProperty({}, footerDirection, footerDirection))
     }, footer);
   }
-
   var handleClick = function handleClick() {
     onClickSelf && onClickSelf();
   };
-
   return React__default.createElement("div", {
     className: "nut-dialog__outer",
     onClick: handleClick
@@ -56,25 +47,21 @@ var Content = function Content(props) {
     }
   }, React__default.createElement("div", null, children)), footerNode));
 };
-
 Content.displayName = 'NutContent';
-
 function Mask(props) {
   return React.createElement("div", {
     className: "nut-dialog__mask"
   });
 }
-
 var DialogWrap = function DialogWrap(props) {
   var className = props.className,
-      style = props.style,
-      visible = props.visible,
-      mask = props.mask,
-      closeOnClickOverlay = props.closeOnClickOverlay,
-      lockScroll = props.lockScroll,
-      onClosed = props.onClosed,
-      onCancel = props.onCancel;
-
+    style = props.style,
+    visible = props.visible,
+    mask = props.mask,
+    closeOnClickOverlay = props.closeOnClickOverlay,
+    lockScroll = props.lockScroll,
+    onClosed = props.onClosed,
+    onCancel = props.onCancel;
   var handleClick = function handleClick(e) {
     if (closeOnClickOverlay && visible && e.target === e.currentTarget) {
       onClosed === null || onClosed === void 0 ? void 0 : onClosed();
@@ -82,15 +69,12 @@ var DialogWrap = function DialogWrap(props) {
       lockScroll && document.body.classList.remove('nut-overflow-hidden');
     }
   };
-
   var wrapStyle = _objectSpread(_objectSpread({}, style), {}, {
     display: visible ? 'block' : 'none'
   });
-
   if (lockScroll && visible) {
     document.body.classList.add('nut-overflow-hidden');
   }
-
   return React__default.createElement(React__default.Fragment, null, mask ? React__default.createElement(CSSTransition, {
     "in": visible,
     timeout: 300,
@@ -105,35 +89,27 @@ var DialogWrap = function DialogWrap(props) {
     visible: visible
   }))));
 };
-
 DialogWrap.displayName = 'NutDialogWrap';
-
 var DialogWrapper = function DialogWrapper(props) {
   var visible = props.visible,
-      lockScroll = props.lockScroll;
-
+    lockScroll = props.lockScroll;
   if (lockScroll && !visible && document.body.classList.value.includes('nut-overflow-hidden')) {
     document.body.classList.remove('nut-overflow-hidden');
   }
-
   return React__default.createElement("div", {
     style: {
       display: visible ? 'block' : 'none'
     }
   }, React__default.createElement(DialogWrap, _objectSpread({}, props)));
 };
-
 DialogWrapper.displayName = 'NutDialogWrapper';
-
 function ConfirmDialog(props) {
   return React__default.createElement(Dialog, _objectSpread({}, props), props.content);
-} // 如果是消息提示型弹出框，那么只有确认按钮
-
-
+}
+// 如果是消息提示型弹出框，那么只有确认按钮
 var normalizeConfig = function normalizeConfig(_config) {
   if (_config.isNotice) {
     var icon = _config.icon;
-
     if (!icon && icon !== null) {
       switch (_config.noticeType) {
         case 'alert':
@@ -141,38 +117,28 @@ var normalizeConfig = function normalizeConfig(_config) {
           break;
       }
     }
-
     _config.noCancelBtn = true;
   }
-
   return _config;
 };
-
 function confirm(config, renderFunc) {
   var div = document.createElement('div');
   document.body.appendChild(div);
-
   function render(props) {
     ReactDOM__default.render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
       onCancel: onCancel
     })), div);
   }
-
   var renderFunction = renderFunc || render;
-
   var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
     visible: false
   });
-
   var onOk = function onOk() {
     var ret;
-
     var _onOk = config.onOk || config.onConfirm;
-
     if (_onOk) {
       ret = _onOk();
     }
-
     if (ret && ret.then) {
       renderFunction(dialogConfig);
       ret.then(function () {
@@ -182,38 +148,30 @@ function confirm(config, renderFunc) {
         renderFunction(dialogConfig);
       });
     }
-
     if (!ret) {
       onCancel(true);
     }
-  }; // 如果是promise，那么处理loading和加载完成关闭
-
-
+  };
+  // 如果是promise，那么处理loading和加载完成关闭
   dialogConfig.onOk = onOk;
   dialogConfig = normalizeConfig(dialogConfig);
   dialogConfig.visible = true;
   renderFunction(dialogConfig);
-
   function destroy() {
     var unmountEle = ReactDOM__default.unmountComponentAtNode(div);
-
     if (unmountEle && div.parentNode) {
       div.parentNode.removeChild(div);
     }
   }
-
   function onCancel(isOnOk) {
     !isOnOk && config.onCancel && config.onCancel();
     dialogConfig.visible = false;
-
     dialogConfig.onClosed = function () {
       config.onClosed && config.onClosed();
       destroy();
     };
-
     renderFunction(dialogConfig);
   }
-
   function update(newConfig) {
     dialogConfig = _objectSpread(_objectSpread({}, dialogConfig), {}, {
       title: config.title
@@ -221,24 +179,19 @@ function confirm(config, renderFunc) {
     dialogConfig = normalizeConfig(dialogConfig);
     renderFunction(dialogConfig);
   }
-
   function close() {
     dialogConfig.visible = false;
-
     dialogConfig.onClosed = function () {
       config.onClosed && config.onClosed();
       destroy();
     };
-
     renderFunction(dialogConfig);
   }
-
   return {
     close: close,
     update: update
   };
 }
-
 var defaultProps = {
   okText: '确认',
   cancelText: '取消',
@@ -253,47 +206,40 @@ var defaultProps = {
   footerDirection: 'horizontal',
   lockScroll: false
 };
-
 var BaseDialog = function BaseDialog(props, ref) {
   var visible = props.visible,
-      footer = props.footer,
-      noFooter = props.noFooter,
-      noOkBtn = props.noOkBtn,
-      noCancelBtn = props.noCancelBtn,
-      lockScroll = props.lockScroll,
-      okBtnDisabled = props.okBtnDisabled,
-      cancelAutoClose = props.cancelAutoClose,
-      okText = props.okText,
-      cancelText = props.cancelText,
-      onClosed = props.onClosed,
-      onCancel = props.onCancel,
-      onOk = props.onOk,
-      restProps = _objectWithoutProperties(props, _excluded);
-
+    footer = props.footer,
+    noFooter = props.noFooter,
+    noOkBtn = props.noOkBtn,
+    noCancelBtn = props.noCancelBtn,
+    lockScroll = props.lockScroll,
+    okBtnDisabled = props.okBtnDisabled,
+    cancelAutoClose = props.cancelAutoClose,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    onClosed = props.onClosed,
+    onCancel = props.onCancel,
+    onOk = props.onOk,
+    restProps = _objectWithoutProperties(props, _excluded);
   var renderFooter = function renderFooter() {
     if (footer === null || noFooter) return '';
-
     var handleCancel = function handleCancel(e) {
       e.stopPropagation();
       if (!cancelAutoClose) return;
       onClosed === null || onClosed === void 0 ? void 0 : onClosed();
       onCancel === null || onCancel === void 0 ? void 0 : onCancel();
-
       if (lockScroll && visible) {
         document.body.classList.remove('nut-overflow-hidden');
       }
     };
-
     var handleOk = function handleOk(e) {
       e.stopPropagation();
       onClosed === null || onClosed === void 0 ? void 0 : onClosed();
       onOk === null || onOk === void 0 ? void 0 : onOk(e);
-
       if (lockScroll && visible) {
         document.body.classList.remove('nut-overflow-hidden');
       }
     };
-
     var footerContent = footer || React__default.createElement(React__default.Fragment, null, !noCancelBtn && React__default.createElement(Button, {
       size: "small",
       plain: true,
@@ -311,7 +257,6 @@ var BaseDialog = function BaseDialog(props, ref) {
     }, okText));
     return footerContent;
   };
-
   return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
     visible: visible,
     lockScroll: lockScroll,
@@ -320,13 +265,10 @@ var BaseDialog = function BaseDialog(props, ref) {
     onCancel: onCancel
   }));
 };
-
 var Dialog = forwardRef(BaseDialog);
-
 Dialog.confirm = function (props) {
   return confirm(props);
 };
-
 ['alert'].forEach(function (type) {
   Dialog[type] = function (props) {
     return confirm(_objectSpread(_objectSpread({}, props), {}, {