@nutui/nutui-react 1.1.4-beta.2 → 1.1.4

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/Avatar.js

@@ -7,12 +7,12 @@ 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, { createContext, useState, useRef, useContext, useEffect } from 'react';
+import React__default, { useState, useRef, useContext, useEffect } from 'react';
+import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
 import { c as cn } from './bem-893ad28d.js';
 import classNames from 'classnames';
 import Icon from './Icon.js';
 import '@bem-react/classname';
-var AvatarContext = createContext({});
 var defaultProps = {
   size: '',
   icon: '',

package/dist/esm/AvatarContext-7153ad2b.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var AvatarContext = createContext({});
+export { AvatarContext as A };

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

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

package/dist/esm/AvatarGroup.js

@@ -0,0 +1,50 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+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, { useRef } from 'react';
+import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
+import { c as cn } from './bem-893ad28d.js';
+import classNames from 'classnames';
+import { useConfig } from './ConfigProvider.js';
+import '@bem-react/classname';
+var defaultProps = {
+  maxContent: '',
+  maxCount: '',
+  maxBgColor: '#eee',
+  maxColor: '#666',
+  size: '',
+  shape: '',
+  span: '-8',
+  zIndex: 'left'
+};
+
+var AvatarGroup = function AvatarGroup(props) {
+  useConfig();
+
+  var propAvatarGroup = _objectSpread(_objectSpread({}, defaultProps), props);
+
+  var className = propAvatarGroup.className,
+      style = propAvatarGroup.style,
+      children = propAvatarGroup.children;
+  var avatarGroupRef = useRef(null);
+  var b = cn('avatar-group');
+  var cls = classNames(b(''), className);
+  var parentAvatar = {
+    propAvatarGroup: propAvatarGroup,
+    avatarGroupRef: avatarGroupRef
+  };
+  return React__default.createElement(AvatarContext.Provider, {
+    value: parentAvatar
+  }, React__default.createElement("div", {
+    className: cls,
+    style: style,
+    ref: avatarGroupRef
+  }, children));
+};
+
+AvatarGroup.defaultProps = defaultProps;
+AvatarGroup.displayName = 'NutAvatarGroup';
+export { AvatarGroup as default };

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/nutui-react.es.js

@@ -46,6 +46,7 @@ export { default as Step } from './Step.js';
 export { default as Swiper } from './Swiper.js';
 export { default as SwiperItem } from './SwiperItem.js';
 export { default as Avatar } from './Avatar.js';
+export { default as AvatarGroup } from './AvatarGroup.js';
 export { default as Price } from './Price.js';
 export { default as Badge } from './Badge.js';
 export { default as Tag } from './Tag.js';

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.2 Fri May 20 2022 09:39:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4 Tue May 24 2022 15:09:46 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.2 Fri May 20 2022 09:39:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4 Tue May 24 2022 15:09:46 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.2 Fri May 20 2022 09:39:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4 Tue May 24 2022 15:09:46 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.1.4-beta.2 Fri May 20 2022 09:39:16 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4 Tue May 24 2022 15:09:46 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */