@nutui/nutui-react 1.1.4-beta.3 → 1.1.4-beta.4

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/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.4-beta.4 Mon May 23 2022 16:10:12 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.4-beta.4 Mon May 23 2022 16:10:12 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.3 Mon May 23 2022 14:48:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4-beta.4 Mon May 23 2022 16:10:12 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.3 Mon May 23 2022 14:48:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4-beta.4 Mon May 23 2022 16:10:12 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -34,7 +34,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.1.4-beta.3 Mon May 23 2022 14:47:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4-beta.4 Mon May 23 2022 16:09:58 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -6322,35 +6322,35 @@ const BackTop = (props) => {
   const [backTop, SetBackTop] = useState(false);
   const [scrollTop, SetScrollTop] = useState(0);
   let startTime = 0;
-  let scrollEl = elId ? document.getElementById(elId) : window;
+  let scrollEl = useRef(null);
   useEffect(() => {
     init();
     return () => removeEventListener();
   }, []);
   const init = () => {
     if (elId && document.getElementById(elId)) {
-      scrollEl = document.getElementById(elId);
+      scrollEl.current = document.getElementById(elId);
     }
     addEventListener();
     initCancelAniFrame();
   };
   const scrollListener = () => {
     let 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);
     }
     const showBtn = top >= distance;
     SetBackTop(showBtn);
   };
   const scroll = (y2 = 0) => {
-    if (scrollEl instanceof Window) {
+    if (scrollEl.current instanceof Window) {
       window.scrollTo(0, y2);
     } else {
-      scrollEl.scrollTop = y2;
+      scrollEl.current.scrollTop = y2;
     }
   };
   const scrollAnimation = () => {
@@ -6373,12 +6373,14 @@ const BackTop = (props) => {
     };
   };
   function addEventListener() {
-    scrollEl.addEventListener("scroll", scrollListener, false);
-    scrollEl.addEventListener("resize", scrollListener, false);
+    var _a, _b;
+    (_a = scrollEl.current) == null ? void 0 : _a.addEventListener("scroll", scrollListener, false);
+    (_b = scrollEl.current) == null ? void 0 : _b.addEventListener("resize", scrollListener, false);
   }
   function removeEventListener() {
-    scrollEl.removeEventListener("scroll", scrollListener, false);
-    scrollEl.removeEventListener("resize", scrollListener, false);
+    var _a, _b;
+    (_a = scrollEl.current) == null ? void 0 : _a.removeEventListener("scroll", scrollListener, false);
+    (_b = scrollEl.current) == null ? void 0 : _b.removeEventListener("resize", scrollListener, false);
   }
   const goTop = (e2) => {
     backTopClick(e2);