@nutui/nutui-react 1.5.1-beta.0 → 2.0.0-alpha.0

package/dist/esm/AvatarGroup.js

@@ -1,43 +1,62 @@
 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 classNames from 'classnames';
-import { A as AvatarContext } from './AvatarContext-15733596.js';
-import { c as cn } from './bem-3b438e61.js';
-import { useConfig } from './ConfigProvider.js';
-import '@bem-react/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), true).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 classNames from "classnames";
+import { A as AvatarContext } from "./AvatarContext.js";
+import { c as cn } from "./bem.js";
+import { useConfig } from "./ConfigProvider.js";
+import "@bem-react/classname";
 var defaultProps = {
-  maxContent: '',
-  maxCount: '',
-  maxBgColor: '#eee',
-  maxColor: '#666',
-  size: '',
-  shape: '',
-  span: '-8',
-  zIndex: 'left'
+  maxContent: "",
+  maxCount: "",
+  maxBgColor: "#eee",
+  maxColor: "#666",
+  size: "",
+  shape: "",
+  span: "-8",
+  zIndex: "left"
 };
-var AvatarGroup = function AvatarGroup(props) {
+var AvatarGroup = function AvatarGroup2(props) {
   useConfig();
   var propAvatarGroup = _objectSpread(_objectSpread({}, defaultProps), props);
-  var className = propAvatarGroup.className,
-    style = propAvatarGroup.style,
-    children = propAvatarGroup.children;
+  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 b = cn("avatar-group");
+  var cls = classNames(b(""), className);
   var parentAvatar = {
-    propAvatarGroup: propAvatarGroup,
-    avatarGroupRef: avatarGroupRef
+    propAvatarGroup,
+    avatarGroupRef
   };
   return React__default.createElement(AvatarContext.Provider, {
     value: parentAvatar
   }, React__default.createElement("div", {
     className: cls,
-    style: style,
+    style,
     ref: avatarGroupRef
   }, children));
 };
 AvatarGroup.defaultProps = defaultProps;
-AvatarGroup.displayName = 'NutAvatarGroup';
-export { AvatarGroup as default };
+AvatarGroup.displayName = "NutAvatarGroup";
+export {
+  AvatarGroup as default
+};

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

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/backtop/backtop.scss'

package/dist/esm/BackTop.js

@@ -1,61 +1,59 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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, { useState, useRef, useEffect } from 'react';
-import Icon from './Icon.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
+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), true).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 { Top } from "@nutui/icons-react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  bottom: 20,
-  right: 10,
-  elId: 'body',
-  distance: 200,
+  target: "",
+  threshold: 200,
   zIndex: 10,
-  isAnimation: true,
-  duration: 1000
+  duration: 1e3
 });
-var BackTop = function BackTop(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    bottom = _defaultProps$props.bottom,
-    right = _defaultProps$props.right,
-    elId = _defaultProps$props.elId,
-    distance = _defaultProps$props.distance,
-    zIndex = _defaultProps$props.zIndex,
-    isAnimation = _defaultProps$props.isAnimation,
-    className = _defaultProps$props.className,
-    duration = _defaultProps$props.duration,
-    style = _defaultProps$props.style,
-    onClick = _defaultProps$props.onClick,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    backTop = _useState2[0],
-    SetBackTop = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    scrollTop = _useState4[0],
-    SetScrollTop = _useState4[1];
+var BackTop = function BackTop2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, target = _defaultProps$props.target, threshold = _defaultProps$props.threshold, zIndex = _defaultProps$props.zIndex, className = _defaultProps$props.className, duration = _defaultProps$props.duration, style = _defaultProps$props.style, onClick = _defaultProps$props.onClick;
+  var classPrefix = "nut-backtop";
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), backTop = _useState2[0], SetBackTop = _useState2[1];
+  var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), scrollTop = _useState4[0], SetScrollTop = _useState4[1];
   var startTime = 0;
   var scrollEl = useRef(null);
-  // 初始化
-  useEffect(function () {
+  useEffect(function() {
     init();
-    return function () {
+    return function() {
       return removeEventListener();
     };
   }, []);
-  var init = function init() {
-    if (elId && document.getElementById(elId)) {
-      scrollEl.current = document.getElementById(elId);
+  var init = function init2() {
+    if (target && document.getElementById(target)) {
+      scrollEl.current = document.getElementById(target);
     } else {
       scrollEl.current = window;
     }
     addEventListener();
     initCancelAniFrame();
   };
-  var scrollListener = function scrollListener() {
+  var scrollListener = function scrollListener2() {
     var top = null;
     if (scrollEl.current instanceof Window) {
       top = scrollEl.current.pageYOffset;
@@ -64,11 +62,11 @@ var BackTop = function BackTop(props) {
       top = scrollEl.current.scrollTop;
       SetScrollTop(top);
     }
-    var showBtn = top >= distance;
+    var showBtn = top >= threshold;
     SetBackTop(showBtn);
   };
-  var scroll = function scroll() {
-    var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+  var scroll = function scroll2() {
+    var y = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
     if (scrollEl.current instanceof Window) {
       window.scrollTo(0, y);
     } else {
@@ -76,9 +74,9 @@ var BackTop = function BackTop(props) {
       window.scrollTo(0, y);
     }
   };
-  var scrollAnimation = function scrollAnimation() {
+  var scrollAnimation = function scrollAnimation2() {
     var cid = requestAniFrame()(function fn() {
-      var t = duration - Math.max(0, startTime - +new Date() + duration / 2);
+      var t = duration - Math.max(0, startTime - +/* @__PURE__ */ new Date() + duration / 2);
       var y = t * -scrollTop / duration + scrollTop;
       scroll(y);
       cid = requestAniFrame()(fn);
@@ -87,53 +85,53 @@ var BackTop = function BackTop(props) {
       }
     });
   };
-  var initCancelAniFrame = function initCancelAniFrame() {
+  var initCancelAniFrame = function initCancelAniFrame2() {
     window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
   };
-  // 防频
-  var requestAniFrame = function requestAniFrame() {
-    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
-      window.setTimeout(callback, 1000 / 60);
+  var requestAniFrame = function requestAniFrame2() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
+      window.setTimeout(callback, 1e3 / 60);
     };
   };
-  // 监听事件
   function addEventListener() {
     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);
+    (_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() {
     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);
+    (_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);
   }
-  // 返回顶部点击事件
-  var goTop = function goTop(e) {
+  var goTop = function goTop2(e) {
     onClick && onClick(e);
-    var otime = +new Date();
+    var otime = +/* @__PURE__ */ new Date();
     startTime = otime;
-    isAnimation && duration > 0 ? scrollAnimation() : scroll();
+    duration > 0 ? scrollAnimation() : scroll();
   };
-  var backTopClass = {
-    right: "".concat(right, "px"),
-    bottom: "".concat(bottom, "px"),
-    zIndex: zIndex
+  var styles = style ? _objectSpread({
+    zIndex
+  }, style) : {
+    right: "10px",
+    bottom: "20px",
+    zIndex
   };
   return React__default.createElement("div", {
-    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className || ''),
-    style: _objectSpread(_objectSpread({}, backTopClass), style),
-    onClick: function onClick(e) {
+    className: classNames(classPrefix, className, {
+      show: backTop
+    }),
+    style: styles,
+    onClick: function onClick2(e) {
       goTop(e);
     }
-  }, children || React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    size: "19px",
-    className: "nut-backtop-main",
-    name: "top"
+  }, children || React__default.createElement(Top, {
+    width: 19,
+    height: 19,
+    className: "nut-backtop-main"
   }));
 };
 BackTop.defaultProps = defaultProps;
-BackTop.displayName = 'NutBackTop';
-export { BackTop as default };
+BackTop.displayName = "NutBackTop";
+export {
+  BackTop as default
+};

package/dist/esm/Badge.js

@@ -1,73 +1,76 @@
 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 from 'react';
-import classNames from 'classnames';
-import Icon from './Icon.js';
-import { c as cn } from './bem-3b438e61.js';
-import { C as ComponentDefaults } from './typings-f27b58f4.js';
-import '@bem-react/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), true).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 from "react";
+import classNames from "classnames";
+import { c as cn } from "./bem.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  value: '',
+  className: "",
+  value: "",
   dot: false,
-  max: 10000,
-  top: '0',
-  right: '0',
-  zIndex: '0',
-  color: '',
-  icons: ''
+  max: 1e4,
+  top: "0",
+  right: "0",
+  zIndex: "0",
+  color: "",
+  icon: null
 });
-var b = cn('badge');
-var Badge = function Badge(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    children = _defaultProps$props.children,
-    dot = _defaultProps$props.dot,
-    top = _defaultProps$props.top,
-    right = _defaultProps$props.right,
-    zIndex = _defaultProps$props.zIndex,
-    color = _defaultProps$props.color,
-    icons = _defaultProps$props.icons,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
+var b = cn("badge");
+var Badge = function Badge2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, zIndex = _defaultProps$props.zIndex, color = _defaultProps$props.color, icon = _defaultProps$props.icon;
   function content() {
-    if (dot) return undefined;
+    if (dot)
+      return void 0;
     var value = props.value;
     var max = props.max;
-    if (typeof value === 'number' && typeof max === 'number') {
+    if (typeof value === "number" && typeof max === "number") {
       return max < value ? "".concat(max, "+") : value;
     }
     return value;
   }
-  var getStyle = function getStyle() {
-    var style = {};
-    style.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
-    style.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
-    style.zIndex = zIndex;
-    style.background = color;
-    return style;
+  var getStyle = function getStyle2() {
+    var style2 = {};
+    style2.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
+    style2.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
+    style2.zIndex = zIndex;
+    style2.background = color;
+    return style2;
   };
   return React__default.createElement("div", {
     className: classNames(b(), className),
-    style: style
-  }, icons !== '' && React__default.createElement("div", {
-    className: "slot-icons"
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "_icon",
-    name: icons,
-    color: "#ffffff",
-    size: "12"
-  })), React__default.createElement("div", null, children), React__default.createElement("div", {
+    style
+  }, icon && React__default.createElement("div", {
+    className: "slot-icon"
+  }, icon), React__default.createElement("div", null, children), React__default.createElement("div", {
     className: classNames({
-      'is-dot': dot
-    }, b('content'), 'sup'),
+      "is-dot": dot
+    }, b("content"), "sup"),
     style: getStyle()
   }, content()));
 };
 Badge.defaultProps = defaultProps;
-Badge.displayName = 'NutBadge';
-export { Badge as default };
+Badge.displayName = "NutBadge";
+export {
+  Badge as default
+};

package/dist/esm/Barrage.js

@@ -1,38 +1,49 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "frequency", "loop", "barrageList", "speeds", "rows", "top"];
-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, useImperativeHandle, useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-import '@bem-react/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), true).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, useImperativeHandle, useEffect } from "react";
+import classNames from "classnames";
+import { c as cn } from "./bem.js";
+import "@bem-react/classname";
 var defaultProps = {
   barrageList: [],
   frequency: 500,
   loop: true,
-  speeds: 3000,
+  speeds: 3e3,
   rows: 3,
   top: 10
 };
-var InternalBarrage = function InternalBarrage(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    frequency = _defaultProps$props.frequency,
-    loop = _defaultProps$props.loop,
-    barrageList = _defaultProps$props.barrageList,
-    speeds = _defaultProps$props.speeds,
-    rows = _defaultProps$props.rows,
-    top = _defaultProps$props.top,
-    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+var InternalBarrage = function InternalBarrage2(props, ref) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, frequency = _defaultProps$props.frequency, loop = _defaultProps$props.loop, barrageList = _defaultProps$props.barrageList, speeds = _defaultProps$props.speeds, rows = _defaultProps$props.rows, top = _defaultProps$props.top, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var barrageBody = useRef(null);
   var barrageContainer = useRef(null);
   var barrageCWidth = useRef(0);
   var timer = useRef(0);
   var index = useRef(0);
-  var b = cn('barrage');
-  var classes = classNames(className, b(''));
-  useImperativeHandle(ref, function () {
+  var b = cn("barrage");
+  var classes = classNames(className, b(""));
+  useImperativeHandle(ref, function() {
     return {
       add: function add(word) {
         var _index = index.current % barrageList.length;
@@ -44,42 +55,42 @@ var InternalBarrage = function InternalBarrage(props, ref) {
       }
     };
   });
-  useEffect(function () {
+  useEffect(function() {
     if (barrageBody.current) {
       barrageCWidth.current = barrageBody.current.offsetWidth;
     }
-    setTimeout(function () {
+    setTimeout(function() {
       var _barrageBody$current;
-      (_barrageBody$current = barrageBody.current) === null || _barrageBody$current === void 0 ? void 0 : _barrageBody$current.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
+      (_barrageBody$current = barrageBody.current) === null || _barrageBody$current === void 0 ? void 0 : _barrageBody$current.style.setProperty("--move-distance", "-".concat(barrageCWidth.current, "px"));
       index.current = 0;
       run();
     }, 300);
-    return function () {
+    return function() {
       clearInterval(timer.current);
     };
   }, [barrageList]);
-  var run = function run() {
+  var run = function run2() {
     clearInterval(timer.current);
-    timer.current = window.setTimeout(function () {
+    timer.current = window.setTimeout(function() {
       play();
     }, frequency);
   };
-  var play = function play() {
+  var play = function play2() {
     if (!loop && index.current >= barrageList.length) {
       return;
     }
     var _index = loop ? index.current % barrageList.length : index.current;
     var el = document.createElement("div");
     el.innerHTML = barrageList[_index];
-    el.classList.add('barrage-item');
+    el.classList.add("barrage-item");
     barrageContainer.current.appendChild(el);
     var width = el.offsetWidth;
     var height = el.offsetHeight;
-    el.classList.add('move');
+    el.classList.add("move");
     el.style.animationDuration = "".concat(speeds, "ms");
     el.style.top = "".concat(_index % rows * (height + top) + 20, "px");
     el.style.width = "".concat(width, "px");
-    el.addEventListener('animationend', function () {
+    el.addEventListener("animationend", function() {
       barrageContainer.current.removeChild(el);
     });
     index.current++;
@@ -95,5 +106,7 @@ var InternalBarrage = function InternalBarrage(props, ref) {
 };
 var Barrage = React__default.forwardRef(InternalBarrage);
 Barrage.defaultProps = defaultProps;
-Barrage.displayName = 'NutBarrage';
-export { Barrage as default };
+Barrage.displayName = "NutBarrage";
+export {
+  Barrage as default
+};

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

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/button/button.scss'