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

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## v1.1.3
+`2022-04-18`
+
+* :zap: feat(countdown): 新增 countdown 组件(#107 ) @irisSong
+* :zap: feat(upload): 新增 defaultImg 属性支持(#108 ) @junjun666
+* :bug: fix(dialog): 修复Dialog自定义关闭事件不清除body样式类问题(#111 ) @yangjinjun3
+* :zap: feat: NutUI-React 官网增加 countdown 组件的文档。
+
 ## v1.1.2
 `2022-03-29`
 

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

@@ -1 +1,2 @@
+require('../../Popup/style')
 require('../../../packages/actionsheet/actionsheet.scss')

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

@@ -1 +1,4 @@
+require('../../Icon/style')
+require('../../Popup/style')
+require('../../Elevator/style')
 require('../../../packages/address/address.scss')

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

@@ -1 +1,3 @@
+require('../../../packages/animatingnumbers/countup.scss')
+
 require('../../../packages/animatingnumbers/animatingnumbers.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/avatar/avatar.scss')

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/badge/badge.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/barrage/barrage.scss')

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

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

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

@@ -1 +1,3 @@
+require('../../Popup/style')
+require('../../CalendarItem/style')
 require('../../../packages/calendar/calendar.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/calendaritem/calendaritem.scss')

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

@@ -1 +1,4 @@
+
+require('../../Price/style')
+require('../../Tag/style')
 require('../../../packages/card/card.scss')

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/cellgroup/cellgroup.scss')

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/checkboxgroup/checkboxgroup.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/circleprogress/circleprogress.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/col/col.scss')

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

@@ -1 +1,2 @@
+require('../../CollapseItem/style')
 require('../../../packages/collapse/collapse.scss')

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

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

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

@@ -0,0 +1,2 @@
+
+require('../../../packages/countdown/countdown.scss')

package/dist/esm/CountDown.js

@@ -0,0 +1,217 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["showPlainText", "showDays", "paused", "startTime", "endTime", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
+
+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 { c as cn } from './bem-893ad28d.js';
+import '@bem-react/classname';
+var defaultProps = {
+  showPlainText: false,
+  showDays: false,
+  paused: false,
+  startTime: Date.now(),
+  endTime: Date.now()
+};
+
+var CountDown = function CountDown(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      showPlainText = _defaultProps$props.showPlainText,
+      showDays = _defaultProps$props.showDays,
+      paused = _defaultProps$props.paused,
+      startTime = _defaultProps$props.startTime,
+      endTime = _defaultProps$props.endTime,
+      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 b = cn('countdown');
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      restTimeStamp = _useState2[0],
+      setRestTime = _useState2[1];
+
+  var stateRef = useRef({
+    pauseTime: 0,
+    curr: 0,
+    timer: 0,
+    isPaused: paused,
+    isIninted: false
+  }); // 补0操作
+
+  var fill2 = function fill2(v) {
+    v += '';
+
+    while (v.length < 2) {
+      v = '0' + v;
+    }
+
+    return v;
+  }; // 倒计时数据
+
+
+  var restTime = function restTime(t) {
+    var ts = t;
+    var rest = {
+      d: '-',
+      h: '--',
+      m: '--',
+      s: '--'
+    };
+
+    if (ts === 0) {
+      rest = {
+        d: '0',
+        h: '00',
+        m: '00',
+        s: '00'
+      };
+    }
+
+    if (ts) {
+      var ds = 24 * 60 * 60 * 1000;
+      var hs = 60 * 60 * 1000;
+      var ms = 60 * 1000;
+      var d = ts >= ds ? parseInt(String(ts / ds)) : 0;
+      var h = ts - d * ds >= hs ? parseInt(String((ts - d * ds) / hs)) : 0;
+      var m = ts - d * ds - h * hs >= ms ? parseInt(String((ts - d * ds - h * hs) / ms)) : 0;
+      var s = Math.round((ts - d * ds - h * hs - m * ms) / 1000);
+      if (d >= 0) rest.d = d + '';
+      if (h >= 0) rest.h = fill2(h);
+      if (m >= 0) rest.m = fill2(m);
+      if (s >= 0) rest.s = fill2(s);
+    }
+
+    return rest;
+  }; // 倒计最终时格式数据
+
+
+  var resttime = function () {
+    var rest = restTime(restTimeStamp);
+    var d = rest.d;
+
+    if (!showDays && Number(d) > 0) {
+      rest.h = fill2(Number(rest.h) + Number(d) * 24);
+      rest.d = '0';
+    }
+
+    return rest;
+  }(); // 获取时间戳
+
+
+  var getTimeStamp = function getTimeStamp(timeStr) {
+    if (!timeStr) return Date.now();
+    var t = timeStr;
+    t = t > 0 ? +t : t.toString().replace(/\-/g, '/');
+    return new Date(t).getTime();
+  }; // 展示文案
+
+
+  var plainText = function () {
+    var d = resttime.d,
+        h = resttime.h,
+        m = resttime.m,
+        s = resttime.s;
+    var showDayshours = Number(d) > 0 && showDays ? "".concat(d, "\u5929").concat(h) : h;
+    return "".concat(showDayshours, "\u5C0F\u65F6").concat(m, "\u5206").concat(s, "\u79D2");
+  }(); // 初始化
+
+
+  var initTimer = function initTimer() {
+    if (!stateRef.current.isIninted) {
+      stateRef.current.isIninted = true;
+    }
+
+    var delay = 1000;
+    var curr = Date.now();
+    var start = getTimeStamp(startTime || curr);
+    var end = getTimeStamp(endTime || curr);
+    var diffTime = curr - start;
+    setRestTime(end - (start + diffTime));
+    stateRef.current.timer = setInterval(function () {
+      if (!stateRef.current.isPaused) {
+        var _restTime = end - (Date.now() - stateRef.current.pauseTime + diffTime);
+
+        setRestTime(_restTime);
+
+        if (_restTime < 0) {
+          setRestTime(0);
+          onEnd && onEnd();
+          clearInterval(stateRef.current.timer);
+        }
+      }
+    }, delay);
+  }; // 监听值变更
+
+
+  useEffect(function () {
+    if (onUpdate) {
+      var tranTime = restTime(restTimeStamp);
+      onUpdate(tranTime);
+    }
+  }, [restTimeStamp]); // 监听暂停
+
+  useEffect(function () {
+    if (stateRef.current.isIninted) {
+      stateRef.current.isPaused = paused;
+
+      if (paused) {
+        stateRef.current.curr = getTimeStamp();
+        onPaused && onPaused(restTimeStamp);
+      } else {
+        stateRef.current.pauseTime += getTimeStamp() - stateRef.current.curr;
+        onRestart && onRestart(restTimeStamp);
+      }
+    }
+  }, [paused]); // 监听开始结束时间变更
+
+  useEffect(function () {
+    if (stateRef.current.isIninted) {
+      initTimer();
+    }
+  }, [endTime, startTime]); // 初始化
+
+  useEffect(function () {
+    initTimer();
+    return componentWillUnmount;
+  }, []);
+
+  var componentWillUnmount = function componentWillUnmount() {
+    clearInterval(stateRef.current.timer);
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className || ''),
+    style: _objectSpread({}, style)
+  }, rest), children || React__default.createElement(React__default.Fragment, null, showPlainText ? React__default.createElement("div", {
+    className: b('block')
+  }, " ", plainText, " ") : React__default.createElement(React__default.Fragment, null, Number(resttime.d) >= 0 && showDays ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: b('block')
+  }, resttime.d), React__default.createElement("div", {
+    className: b('dot')
+  }, "\u5929")) : null, React__default.createElement("div", {
+    className: b('block')
+  }, resttime.h), React__default.createElement("div", {
+    className: b('dot')
+  }, ":"), React__default.createElement("div", {
+    className: b('block')
+  }, resttime.m), React__default.createElement("div", {
+    className: b('dot')
+  }, ":"), React__default.createElement("div", {
+    className: b('block')
+  }, resttime.s))));
+};
+
+CountDown.defaultProps = defaultProps;
+CountDown.displayName = 'NutCountDown';
+export { CountDown as default };

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

@@ -1 +1,2 @@
+require('../../Picker/style')
 require('../../../packages/datepicker/datepicker.scss')

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

@@ -1 +1,3 @@
+require('../../Button/style')
+
 require('../../../packages/dialog/dialog.scss')

package/dist/esm/Dialog.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["visible", "footer", "noOkBtn", "noCancelBtn", "okBtnDisabled", "cancelAutoClose"];
+var _excluded = ["visible", "footer", "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; }
 
@@ -103,7 +103,13 @@ var DialogWrap = function DialogWrap(props) {
 DialogWrap.displayName = 'NutDialogWrap';
 
 var DialogWrapper = function DialogWrapper(props) {
-  var visible = props.visible;
+  var visible = props.visible,
+      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'
@@ -247,18 +253,17 @@ var BaseDialog = function BaseDialog(props, ref) {
       footer = props.footer,
       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() {
-    var okText = props.okText,
-        cancelText = props.cancelText,
-        footer = props.footer,
-        lockScroll = props.lockScroll,
-        onClosed = props.onClosed,
-        onCancel = props.onCancel,
-        onOk = props.onOk;
     if (footer === null) return;
 
     var handleCancel = function handleCancel(e) {
@@ -304,7 +309,10 @@ var BaseDialog = function BaseDialog(props, ref) {
 
   return React__default.createElement(DialogWrapper, _objectSpread(_objectSpread({}, restProps), {}, {
     visible: visible,
-    footer: renderFooter()
+    lockScroll: lockScroll,
+    footer: renderFooter(),
+    onClosed: onClosed,
+    onCancel: onCancel
   }));
 };
 

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

@@ -1 +1,2 @@
+
 require('../../../packages/divider/divider.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/drag/drag.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/elevator/elevator.scss')

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

@@ -1 +1,3 @@
+require('../../Icon/style')
+require('../../Overlay/style')
 require('../../../packages/fixednav/fixednav.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/icon/icon.scss')

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

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

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

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

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/layout/layout.scss')

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

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

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/notify/notify.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/overlay/overlay.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/pagination/pagination.scss')

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

@@ -1 +1,2 @@
+require('../../Popup/style')
 require('../../../packages/picker/picker.scss')

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

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

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

@@ -1 +1,3 @@
+require('../../Icon/style')
+require('../../Overlay/style')
 require('../../../packages/popup/popup.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/price/price.scss')

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/radiogroup/radiogroup.scss')

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

@@ -1 +1,2 @@
+require('../../Toast/style')
 require('../../../packages/range/range.scss')

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/row/row.scss')

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

@@ -1 +1,3 @@
+require('../../Icon/style')
+require('../../Popup/style')
 require('../../../packages/shortpassword/shortpassword.scss')

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

@@ -1 +1,2 @@
+require('../../Button/style')
 require('../../../packages/signature/signature.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/skeleton/skeleton.scss')

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/steps/steps.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/swiper/swiper.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/swiperitem/swiperitem.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/switch/switch.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/tabpane/tabpane.scss')

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

@@ -1 +1,2 @@
+
 require('../../../packages/tabbar/tabbar.scss')

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

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

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

@@ -1 +1,3 @@
+
+require('../../TabPane/style')
 require('../../../packages/tabs/tabs.scss')

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

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

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

@@ -1 +1,2 @@
+
 require('../../../packages/textarea/textarea.scss')

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

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

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

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

package/dist/esm/Uploader.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "uploadIcon", "name", "accept", "disabled", "multiple", "url", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "start", "removeImage", "progress", "success", "update", "failure", "oversize", "beforeUpload", "beforeDelete"];
+var _excluded = ["children", "uploadIcon", "name", "accept", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "start", "removeImage", "progress", "success", "update", "failure", "oversize", "beforeUpload", "beforeDelete"];
 
 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; }
 
@@ -120,6 +120,7 @@ var defaultProps = {
   data: {},
   headers: {},
   method: 'post',
+  defaultImg: '',
   xhrState: 200,
   timeout: 1000 * 30,
   withCredentials: false,
@@ -157,6 +158,7 @@ var InternalUploader = function InternalUploader(props, ref) {
       disabled = _defaultProps$props.disabled,
       multiple = _defaultProps$props.multiple,
       url = _defaultProps$props.url,
+      defaultImg = _defaultProps$props.defaultImg,
       headers = _defaultProps$props.headers,
       timeout = _defaultProps$props.timeout,
       method = _defaultProps$props.method,
@@ -448,6 +450,9 @@ var InternalUploader = function InternalUploader(props, ref) {
     }), item.type.includes('image') && item.url && React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
       src: item.url
+    }), !item.type.includes('image') && defaultImg && React__default.createElement("img", {
+      className: "nut-uploader__preview-img__c",
+      src: defaultImg
     }), item.status !== 'success' && React__default.createElement("div", {
       className: "tips"
     }, item.status)));