@nutui/nutui-react 1.1.4-beta.3 → 1.1.5-beta.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## v1.1.4
+`2022-05-23`
+
+* :zap: feat(upload): upload 组件上传失败时希望可以自定义是否显示图片(#114 ) @junjun666
+* :zap: feat(tabbar): tabbar 组件支持路由跳转,文档更新(#123 ) @allan2coder
+* :zap: feat(circleprogress): circleprogress 组件 strokeInnerWidth 属性重命名为 strokeWidth，移除 isAuto、progressOption 属性(#121 ) @junjun666
+* :zap: feat(avatar): avatar 组件 src 属性重命名为 url，增加 avatargroup 子组件(#121 ) @junjun666
+* :zap: feat(skeleton): skeleton 组件 width、height 属性的类型修改为 string(#121 ) @junjun666
+* :bug: fix(dialog): 修复 swiper 组件在 Next.js 环境下提示 window not defined 问题 @oasis-cloud
+* :bug: fix(backtop): 修复 backtop 组件在 Next.js 环境下提示 document not defined 的问题 @oasis-cloud
+* :zap: feat: NutUI-React 官网增加 issue 入口，以及组件文档更新。
+
 ## v1.1.3
 `2022-04-18`
 

package/dist/esm/BackTop.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import Icon from './Icon.js';
 var defaultProps = {
   bottom: 20,
@@ -42,7 +42,7 @@ var BackTop = function BackTop(props) {
       SetScrollTop = _useState4[1];
 
   var startTime = 0;
-  var scrollEl = elId ? document.getElementById(elId) : window; // 初始化
+  var scrollEl = useRef(null); // 初始化
 
   useEffect(function () {
     init();
@@ -53,7 +53,7 @@ var BackTop = function BackTop(props) {
 
   var init = function init() {
     if (elId && document.getElementById(elId)) {
-      scrollEl = document.getElementById(elId);
+      scrollEl.current = document.getElementById(elId);
     }
 
     addEventListener();
@@ -63,11 +63,11 @@ var BackTop = function BackTop(props) {
   var scrollListener = function scrollListener() {
     var top = null;
 
-    if (scrollEl instanceof Window) {
-      top = scrollEl.pageYOffset;
+    if (scrollEl.current instanceof Window) {
+      top = scrollEl.current.pageYOffset;
       SetScrollTop(top);
     } else {
-      top = scrollEl.scrollTop;
+      top = scrollEl.current.scrollTop;
       SetScrollTop(top);
     }
 
@@ -78,10 +78,10 @@ var BackTop = function BackTop(props) {
   var scroll = function scroll() {
     var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
-    if (scrollEl instanceof Window) {
+    if (scrollEl.current instanceof Window) {
       window.scrollTo(0, y);
     } else {
-      scrollEl.scrollTop = y;
+      scrollEl.current.scrollTop = y;
     }
   };
 
@@ -111,14 +111,18 @@ var BackTop = function BackTop(props) {
 
 
   function addEventListener() {
-    scrollEl.addEventListener('scroll', scrollListener, false);
-    scrollEl.addEventListener('resize', scrollListener, false);
+    var _scrollEl$current, _scrollEl$current2;
+
+    (_scrollEl$current = scrollEl.current) === null || _scrollEl$current === void 0 ? void 0 : _scrollEl$current.addEventListener('scroll', scrollListener, false);
+    (_scrollEl$current2 = scrollEl.current) === null || _scrollEl$current2 === void 0 ? void 0 : _scrollEl$current2.addEventListener('resize', scrollListener, false);
   } // 移除监听事件
 
 
   function removeEventListener() {
-    scrollEl.removeEventListener('scroll', scrollListener, false);
-    scrollEl.removeEventListener('resize', scrollListener, false);
+    var _scrollEl$current3, _scrollEl$current4;
+
+    (_scrollEl$current3 = scrollEl.current) === null || _scrollEl$current3 === void 0 ? void 0 : _scrollEl$current3.removeEventListener('scroll', scrollListener, false);
+    (_scrollEl$current4 = scrollEl.current) === null || _scrollEl$current4 === void 0 ? void 0 : _scrollEl$current4.removeEventListener('resize', scrollListener, false);
   } // 返回顶部点击事件
 
 

package/dist/esm/Barrage.js

@@ -55,7 +55,7 @@ var InternalBarrage = function InternalBarrage(props, ref) {
     return function () {
       clearInterval(timer.current);
     };
-  }, []);
+  }, [barrageList]);
 
   var run = function run() {
     clearInterval(timer.current);

package/dist/esm/ConfigProvider.js

@@ -56,9 +56,10 @@ var zhCN = {
     ready: '准备完成',
     readyUpload: '准备上传',
     waitingUpload: '等待上传',
-    uploading: '上传中',
+    uploading: '上传中...',
     success: '上传成功',
-    error: '上传失败'
+    error: '上传失败',
+    deleteWord: '用户阻止了删除！'
   },
   countdown: {
     day: '天',

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

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

package/dist/esm/Empty.js

@@ -0,0 +1,89 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["image", "imageSize", "description", "children", "className"];
+
+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, useEffect } from 'react';
+import { c as cn } from './bem-893ad28d.js';
+import '@bem-react/classname';
+/**
+ * 内置图片地址
+ */
+
+var defaultStatus = {
+  empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
+  error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
+  network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png'
+};
+var defaultProps = {
+  description: '无内容',
+  image: 'empty',
+  imageSize: '',
+  className: ''
+};
+
+var Empty = function Empty(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      image = _defaultProps$props.image,
+      imageSize = _defaultProps$props.imageSize,
+      description = _defaultProps$props.description,
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      imgStyle = _useState2[0],
+      setImgStyle = _useState2[1];
+
+  var b = cn('empty');
+  var imageNode = image;
+
+  if (typeof image === 'string') {
+    var isHttpUrl = image.startsWith('https://') || image.startsWith('http://') || image.startsWith('//');
+    var imageUrl = isHttpUrl ? image : defaultStatus[image];
+    imageNode = React__default.createElement("img", {
+      className: "img",
+      src: imageUrl,
+      alt: "empty"
+    });
+  }
+
+  useEffect(function () {
+    setImgStyle(function () {
+      if (!imageSize) {
+        return {};
+      }
+
+      if (typeof imageSize === 'number') {
+        return {
+          width: "".concat(imageSize, "px"),
+          height: "".concat(imageSize, "px")
+        };
+      }
+
+      return {
+        width: imageSize,
+        height: imageSize
+      };
+    });
+  }, [imageSize]);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className)
+  }, rest), React__default.createElement("div", {
+    className: b('image'),
+    style: imgStyle
+  }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
+    className: b('description')
+  }, description) : {
+    description: description
+  }, children);
+};
+
+Empty.defaultProps = defaultProps;
+Empty.displayName = 'NutEmpty';
+export { Empty as default };

package/dist/esm/Input.js

@@ -59,8 +59,7 @@ var defaultProps = {
 };
 
 var Input = function Input(props) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
+  useConfig();
 
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       type = _defaultProps$props.type,
@@ -159,7 +158,7 @@ var Input = function Input(props) {
   }, label) : null), React__default.createElement("input", {
     className: "input-text",
     type: type,
-    placeholder: locale.placeholder || placeholder,
+    placeholder: placeholder,
     disabled: disabled,
     readOnly: readonly,
     value: inputValue,

package/dist/esm/Uploader.js

@@ -14,6 +14,7 @@ import React__default, { useState, useEffect, useImperativeHandle } from 'react'
 import classNames from 'classnames';
 import Icon from './Icon.js';
 import { c as cn } from './bem-893ad28d.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 
 var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
@@ -154,6 +155,9 @@ var FileItem = /*#__PURE__*/_createClass(function FileItem() {
 });
 
 var InternalUploader = function InternalUploader(props, ref) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
       uploadIcon = _defaultProps$props.uploadIcon,
@@ -204,6 +208,8 @@ var InternalUploader = function InternalUploader(props, ref) {
       setUploadQueue = _useState4[1];
 
   useEffect(function () {
+    console.log('defaultFileList', defaultFileList);
+
     if (defaultFileList) {
       setFileList(defaultFileList);
     }
@@ -262,7 +268,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'ready';
-            item.message = '准备上传';
+            item.message = locale.uploader.readyUpload;
           }
         });
         return _toConsumableArray(fileList);
@@ -275,7 +281,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'uploading';
-            item.message = '上传中...';
+            item.message = locale.uploader.uploading;
           }
         });
         return _toConsumableArray(fileList);
@@ -292,7 +298,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'success';
-            item.message = '上传成功';
+            item.message = locale.uploader.success;
           }
         });
         return _toConsumableArray(fileList);
@@ -308,7 +314,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         fileList.map(function (item) {
           if (item.uid === fileItem.uid) {
             item.status = 'error';
-            item.message = '上传失败';
+            item.message = locale.uploader.error;
           }
         });
         return _toConsumableArray(fileList);
@@ -341,7 +347,7 @@ var InternalUploader = function InternalUploader(props, ref) {
       fileItem.type = file.type;
       fileItem.formData = formData;
       fileItem.uid = file.lastModified + fileItem.uid;
-      fileItem.message = '准备上传';
+      fileItem.message = locale.uploader.readyUpload;
       executeUpload(fileItem, index);
 
       if (isPreview && file.type.includes('image')) {
@@ -397,7 +403,7 @@ var InternalUploader = function InternalUploader(props, ref) {
       removeImage && removeImage(file, fileList);
       setFileList(_toConsumableArray(fileList));
     } else {
-      console.log('用户阻止了删除！');
+      console.log(locale.uploader.deleteWord);
     }
   };
 

package/dist/esm/nutui-react.es.js

@@ -56,6 +56,7 @@ export { default as CountDown } from './CountDown.js';
 export { default as Collapse } from './Collapse.js';
 export { default as CollapseItem } from './CollapseItem.js';
 export { default as AnimatingNumbers } from './AnimatingNumbers.js';
+export { default as Empty } from './Empty.js';
 export { default as ConfigProvider } from './ConfigProvider.js';
 export { default as Address } from './Address.js';
 export { default as Barrage } from './Barrage.js';

package/dist/locales/base.d.ts

@@ -48,6 +48,7 @@ export interface BaseLang {
         uploading: string;
         success: string;
         error: string;
+        deleteWord: string;
     };
     countdown: {
         day: string;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.3 Mon May 23 2022 14:48:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.5-beta.0 Thu Jun 16 2022 10:02:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.3 Mon May 23 2022 14:48:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.5-beta.0 Thu Jun 16 2022 10:02:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -48,9 +48,10 @@ const enUS = {
     ready: "Ready",
     readyUpload: "Ready to upload",
     waitingUpload: "Waiting for upload",
-    uploading: "Uploading",
+    uploading: "Uploading...",
     success: "Upload successful",
-    error: "Upload failed"
+    error: "Upload failed",
+    deleteWord: "The user blocked the deletion!"
   },
   countdown: {
     day: " Day ",

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.3 Mon May 23 2022 14:48:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.5-beta.0 Thu Jun 16 2022 10:02:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -50,9 +50,10 @@ const zhCN = {
     ready: "\u51C6\u5907\u5B8C\u6210",
     readyUpload: "\u51C6\u5907\u4E0A\u4F20",
     waitingUpload: "\u7B49\u5F85\u4E0A\u4F20",
-    uploading: "\u4E0A\u4F20\u4E2D",
+    uploading: "\u4E0A\u4F20\u4E2D...",
     success: "\u4E0A\u4F20\u6210\u529F",
-    error: "\u4E0A\u4F20\u5931\u8D25"
+    error: "\u4E0A\u4F20\u5931\u8D25",
+    deleteWord: "\u7528\u6237\u963B\u6B62\u4E86\u5220\u9664\uFF01"
   },
   countdown: {
     day: "\u5929",

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.3 Mon May 23 2022 14:48:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.5-beta.0 Thu Jun 16 2022 10:02:02 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -48,9 +48,10 @@ const zhTW = {
     ready: "\u6E96\u5099\u5B8C\u6210",
     readyUpload: "\u6E96\u5099\u4E0A\u50B3",
     waitingUpload: "\u7B49\u5F85\u4E0A\u50B3",
-    uploading: "\u4E0A\u50B3\u4E2D",
+    uploading: "\u4E0A\u50B3\u4E2D...",
     success: "\u4E0A\u50B3\u6210\u529F",
-    error: "\u4E0A\u50B3\u5931\u6557"
+    error: "\u4E0A\u50B3\u5931\u6557",
+    deleteWord: "\u4F7F\u7528\u8005\u963B\u6B62\u4E86\u522A\u9664\uFF01"
   },
   countdown: {
     day: "\u5929",