@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/animatingnumbers.taro-cda438cc.js

@@ -0,0 +1,152 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"];
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+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, useEffect, Component } from 'react';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps$1 = {
+  maxLen: 0,
+  endNumber: '',
+  delaySpeed: 300,
+  easeSpeed: 1,
+  thousands: false,
+  className: ''
+};
+
+var CountUp = function CountUp(props) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+      maxLen = _defaultProps$1$props.maxLen,
+      endNumber = _defaultProps$1$props.endNumber,
+      delaySpeed = _defaultProps$1$props.delaySpeed,
+      easeSpeed = _defaultProps$1$props.easeSpeed,
+      className = _defaultProps$1$props.className,
+      thousands = _defaultProps$1$props.thousands,
+      reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
+
+  var b = cn('countup');
+  var countupRef = useRef(null);
+  var timerRef = useRef(0);
+  var numbers = Array.from({
+    length: 10
+  }, function (v, i) {
+    return i;
+  });
+
+  var getShowNumber = function getShowNumber() {
+    var splitArr = endNumber.split('.');
+    var intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join('0') + splitArr[0]).slice(-maxLen) : splitArr[0];
+    var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : intNumber).concat(splitArr[1] ? '.' : '').concat(splitArr[1] || '');
+    return currNumber.split('');
+  };
+
+  var numerArr = getShowNumber();
+
+  var setNumberTransform = function setNumberTransform() {
+    if (countupRef.current) {
+      var numberItems = countupRef.current.querySelectorAll('.nut-countup__number');
+      var numberFilterArr = numerArr.filter(function (item) {
+        return !Number.isNaN(Number(item));
+      });
+      Object.keys(numberItems).forEach(function (key) {
+        var elem = numberItems[Number(key)];
+        var idx = Number(numberFilterArr[Number(key)]);
+
+        if ((idx || idx === 0) && elem) {
+          // 计算规则：父元素和实际列表高度的百分比，分割成20等份
+          var transform = "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)");
+          elem.style.transform = transform;
+          elem.style.webkitTransform = transform;
+        }
+      });
+    }
+  };
+
+  var numberEaseStyle = {
+    transition: "transform ".concat(easeSpeed, "s ease-in-out")
+  };
+  useEffect(function () {
+    timerRef.current = window.setTimeout(function () {
+      setNumberTransform();
+    }, delaySpeed);
+    return function () {
+      window.clearTimeout(timerRef.current);
+    };
+  }, []);
+  useEffect(function () {
+    setNumberTransform();
+  }, [numerArr]);
+  return React__default.createElement("div", {
+    className: "".concat(b(), " ").concat(className),
+    ref: countupRef
+  }, React__default.createElement("ul", {
+    className: b('list')
+  }, numerArr.map(function (item, idx) {
+    return React__default.createElement("li", {
+      className: "".concat(b('listitem', {
+        number: !Number.isNaN(Number(item))
+      })),
+      key: idx
+    }, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
+      className: b('number'),
+      style: numberEaseStyle
+    }, [].concat(numbers, numbers).map(function (number, subidx) {
+      return React__default.createElement("span", {
+        key: subidx
+      }, number);
+    })) : React__default.createElement("span", {
+      className: b('separator')
+    }, item));
+  })));
+};
+
+CountUp.defaultProps = defaultProps$1;
+CountUp.displayName = 'NutCountUp';
+var defaultProps = {};
+
+var AnimatingNumbers = /*#__PURE__*/function (_Component) {
+  _inherits(AnimatingNumbers, _Component);
+
+  var _super = _createSuper(AnimatingNumbers);
+
+  function AnimatingNumbers(props) {
+    var _this;
+
+    _classCallCheck(this, AnimatingNumbers);
+
+    _this = _super.call(this, props);
+    _this.state = {};
+    return _this;
+  }
+
+  _createClass(AnimatingNumbers, [{
+    key: "render",
+    value: function render() {
+      return React__default.createElement("div", {
+        className: "nut-animatingnumbers"
+      });
+    }
+  }]);
+
+  return AnimatingNumbers;
+}(Component);
+
+_defineProperty(AnimatingNumbers, "defaultProps", defaultProps);
+
+_defineProperty(AnimatingNumbers, "displayName", 'NutAnimatingNumbers');
+
+_defineProperty(AnimatingNumbers, "CountUp", CountUp);
+
+export { AnimatingNumbers as A };

package/dist/esm/avatar.taro-5dafffdc.js

@@ -0,0 +1,148 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onError"];
+
+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, useContext, useEffect } from 'react';
+import classNames from 'classnames';
+import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon-62bd7379.js';
+var defaultProps = {
+  size: '',
+  icon: '',
+  bgColor: '#eee',
+  color: '#666',
+  prefixCls: 'nut-avatar',
+  url: '',
+  alt: ''
+};
+
+var Avatar = function Avatar(props) {
+  var _parent$propAvatarGro, _parent$propAvatarGro2, _classNames, _parent$propAvatarGro3, _parent$propAvatarGro4, _parent$propAvatarGro5, _parent$propAvatarGro6, _parent$propAvatarGro7, _parent$propAvatarGro9, _parent$propAvatarGro10, _parent$propAvatarGro11, _parent$propAvatarGro12, _parent$propAvatarGro13, _parent$propAvatarGro14, _parent$propAvatarGro15, _parent$propAvatarGro16;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      prefixCls = _defaultProps$props.prefixCls,
+      size = _defaultProps$props.size,
+      shape = _defaultProps$props.shape,
+      bgColor = _defaultProps$props.bgColor,
+      color = _defaultProps$props.color,
+      url = _defaultProps$props.url,
+      alt = _defaultProps$props.alt,
+      icon = _defaultProps$props.icon,
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      activeAvatar = _defaultProps$props.activeAvatar,
+      onError = _defaultProps$props.onError,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      maxSum = _useState2[0],
+      setMaxSum = _useState2[1]; // avatarGroup里的avatar的个数
+
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showMax = _useState4[0],
+      setShowMax = _useState4[1]; // 是否显示的最大头像个数
+
+
+  var _useState5 = useState(1),
+      _useState6 = _slicedToArray(_useState5, 2),
+      avatarIndex = _useState6[0],
+      setAvatarIndex = _useState6[1]; // avatar的索引
+
+
+  var avatarRef = useRef(null);
+  var parent = useContext(AvatarContext);
+  var b = cn('avatar');
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-avatar-".concat(size || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro = parent.propAvatarGroup) === null || _parent$propAvatarGro === void 0 ? void 0 : _parent$propAvatarGro.size) || 'normal'), true), _defineProperty(_classNames, "nut-avatar-".concat(shape || (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro2 = parent.propAvatarGroup) === null || _parent$propAvatarGro2 === void 0 ? void 0 : _parent$propAvatarGro2.shape) || 'round'), true), _classNames));
+  var cls = classNames(b(''), classes, className);
+  var sizeValue = ['large', 'normal', 'small'];
+
+  var styles = _objectSpread({
+    width: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
+    height: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
+    backgroundColor: "".concat(bgColor),
+    color: "".concat(color),
+    marginLeft: avatarIndex !== 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.span ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.span, "px") : '',
+    zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.zIndex) === 'right' ? "".concat(Math.abs(maxSum - avatarIndex)) : ''
+  }, style);
+
+  var maxStyles = {
+    backgroundColor: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro6 = parent.propAvatarGroup) === null || _parent$propAvatarGro6 === void 0 ? void 0 : _parent$propAvatarGro6.maxBgColor),
+    color: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro7 = parent.propAvatarGroup) === null || _parent$propAvatarGro7 === void 0 ? void 0 : _parent$propAvatarGro7.maxColor)
+  };
+  var iconStyles = icon || '';
+  useEffect(function () {
+    var _parent$avatarGroupRe;
+
+    var avatarChildren = parent === null || parent === void 0 ? void 0 : (_parent$avatarGroupRe = parent.avatarGroupRef) === null || _parent$avatarGroupRe === void 0 ? void 0 : _parent$avatarGroupRe.current.children;
+
+    if (avatarChildren) {
+      avatarLength(avatarChildren);
+    }
+  }, []);
+
+  var avatarLength = function avatarLength(children) {
+    var _avatarRef$current, _avatarRef$current$da, _parent$propAvatarGro8;
+
+    for (var i = 0; i < children.length; i++) {
+      if (children[i] && children[i].classList && (children[i].classList[0] === 'nut-avatar' || children[i].classList.values().next().value === 'nut-avatar')) {
+        children[i].setAttribute('data-index', i + 1);
+      }
+    }
+
+    var index = avatarRef === null || avatarRef === void 0 ? void 0 : (_avatarRef$current = avatarRef.current) === null || _avatarRef$current === void 0 ? void 0 : (_avatarRef$current$da = _avatarRef$current.dataset) === null || _avatarRef$current$da === void 0 ? void 0 : _avatarRef$current$da.index;
+    var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.maxCount;
+    setMaxSum(children.length);
+    console.log('index', index);
+    setAvatarIndex(index);
+
+    if (index === children.length && index !== maxCount && children.length > maxCount) {
+      setShowMax(true);
+    }
+  };
+
+  var errorEvent = function errorEvent(e) {
+    if (props.onError) {
+      props.onError(e);
+    }
+  };
+
+  var clickAvatar = function clickAvatar(e) {
+    if (props.activeAvatar) {
+      props.activeAvatar(e);
+    }
+  };
+
+  console.log('!parent?.propAvatarGroup?.maxCount', !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.maxCount), showMax);
+  return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro10 = parent.propAvatarGroup) !== null && _parent$propAvatarGro10 !== void 0 && _parent$propAvatarGro10.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro11 = parent.propAvatarGroup) === null || _parent$propAvatarGro11 === void 0 ? void 0 : _parent$propAvatarGro11.maxCount)) && React__default.createElement("div", _objectSpread(_objectSpread({
+    className: cls
+  }, rest), {}, {
+    style: !showMax ? styles : maxStyles,
+    onClick: clickAvatar,
+    ref: avatarRef
+  }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro12 = parent.propAvatarGroup) !== null && _parent$propAvatarGro12 !== void 0 && _parent$propAvatarGro12.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro13 = parent.propAvatarGroup) === null || _parent$propAvatarGro13 === void 0 ? void 0 : _parent$propAvatarGro13.maxCount)) && React__default.createElement(React__default.Fragment, null, url && React__default.createElement("img", {
+    src: url,
+    alt: alt,
+    onError: errorEvent
+  }), icon && React__default.createElement(Icon, {
+    className: "icon",
+    name: iconStyles
+  }), children && React__default.createElement("span", {
+    className: "text"
+  }, children)), showMax && React__default.createElement("div", {
+    className: "text"
+  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro14 = parent.propAvatarGroup) !== null && _parent$propAvatarGro14 !== void 0 && _parent$propAvatarGro14.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro16 = parent.propAvatarGroup) === null || _parent$propAvatarGro16 === void 0 ? void 0 : _parent$propAvatarGro16.maxCount)))));
+};
+
+Avatar.defaultProps = defaultProps;
+Avatar.displayName = 'NutAvatar';
+export { Avatar as A };

package/dist/esm/avatargroup.taro-a39282b3.js

@@ -0,0 +1,49 @@
+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-7153ad2b.js';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useConfig } from './configprovider-18657611.js';
+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 A };

package/dist/esm/backtop.taro-65dccd86.js

@@ -0,0 +1,154 @@
+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 { I as Icon } from './icon-62bd7379.js';
+var defaultProps = {
+  bottom: 20,
+  right: 10,
+  elId: '',
+  distance: 200,
+  zIndex: 10,
+  isAnimation: true,
+  duration: 1000
+};
+
+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,
+      backTopClick = _defaultProps$props.backTopClick;
+
+  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 () {
+    init();
+    return function () {
+      return removeEventListener();
+    };
+  }, []);
+
+  var init = function init() {
+    if (elId && document.getElementById(elId)) {
+      scrollEl.current = document.getElementById(elId);
+    }
+
+    addEventListener();
+    initCancelAniFrame();
+  };
+
+  var scrollListener = function scrollListener() {
+    var top = null;
+
+    if (scrollEl.current instanceof Window) {
+      top = scrollEl.current.pageYOffset;
+      SetScrollTop(top);
+    } else {
+      top = scrollEl.current.scrollTop;
+      SetScrollTop(top);
+    }
+
+    var showBtn = top >= distance;
+    SetBackTop(showBtn);
+  };
+
+  var scroll = function scroll() {
+    var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+
+    if (scrollEl.current instanceof Window) {
+      window.scrollTo(0, y);
+    } else {
+      scrollEl.current.scrollTop = y;
+    }
+  };
+
+  var scrollAnimation = function scrollAnimation() {
+    var cid = requestAniFrame()(function fn() {
+      var t = duration - Math.max(0, startTime - +new Date() + duration);
+      var y = t * -scrollTop / duration + scrollTop;
+      scroll(y);
+      cid = requestAniFrame()(fn);
+
+      if (t === duration || y === 0) {
+        window.cancelAnimationFrame(cid);
+      }
+    });
+  };
+
+  var initCancelAniFrame = function initCancelAniFrame() {
+    window.cancelAnimationFrame = window.webkitCancelAnimationFrame;
+  }; // 防频
+
+
+  var requestAniFrame = function requestAniFrame() {
+    return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {
+      window.setTimeout(callback, 1000 / 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);
+  } // 移除监听事件
+
+
+  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);
+  } // 返回顶部点击事件
+
+
+  var goTop = function goTop(e) {
+    backTopClick(e);
+    var otime = +new Date();
+    startTime = otime;
+    isAnimation && duration > 0 ? scrollAnimation() : scroll();
+  };
+
+  var backTopClass = {
+    right: "".concat(right, "px"),
+    bottom: "".concat(bottom, "px"),
+    zIndex: zIndex
+  };
+  return React__default.createElement("div", {
+    className: "nut-backtop ".concat(backTop ? 'show' : '', " ").concat(className || ''),
+    style: _objectSpread(_objectSpread({}, backTopClass), style),
+    onClick: goTop
+  }, children || React__default.createElement(Icon, {
+    size: "19px",
+    className: "nut-backtop-main",
+    name: "top"
+  }));
+};
+
+BackTop.defaultProps = defaultProps;
+BackTop.displayName = 'NutBackTop';
+export { BackTop as B };

package/dist/esm/badge.taro-8c001377.js

@@ -0,0 +1,68 @@
+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 { I as Icon } from './icon-62bd7379.js';
+var defaultProps = {
+  value: '',
+  dot: false,
+  max: 10000,
+  top: '0',
+  right: '0',
+  zIndex: '0',
+  color: '',
+  icons: ''
+};
+
+var Badge = function Badge(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      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;
+
+  var content = function content() {
+    if (dot) return;
+    var value = props.value;
+    var max = props.max;
+
+    if (typeof value === 'number' && typeof max === 'number') {
+      return max < value ? "".concat(max, "+") : value;
+    }
+
+    return value;
+  };
+
+  var getStyle = function getStyle() {
+    var style = {};
+    style.top = "".concat(top, "px");
+    style.right = "".concat(right, "px");
+    style.zIndex = zIndex;
+    style.background = color;
+    return style;
+  };
+
+  return React__default.createElement("div", {
+    className: "nut-badge"
+  }, icons != '' && React__default.createElement("div", {
+    className: "slot-icons"
+  }, React__default.createElement(Icon, {
+    className: "_icon",
+    name: icons,
+    color: "#ffffff",
+    size: "12"
+  })), React__default.createElement("div", null, children), React__default.createElement("div", {
+    className: "".concat(dot ? 'is-dot' : '', " nut-badge__content sup"),
+    style: getStyle()
+  }, content()));
+};
+
+Badge.defaultProps = defaultProps;
+Badge.displayName = 'NutBadge';
+export { Badge as B };

package/dist/esm/barrage.taro-f1139b9c.js

@@ -0,0 +1,100 @@
+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-893ad28d.js';
+var defaultProps = {
+  barrageList: [],
+  frequency: 500,
+  loop: true,
+  speeds: 2000,
+  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 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 () {
+    return {
+      add: function add(word) {
+        var _index = index.current % barrageList.length;
+
+        barrageList.splice(_index, 0, word);
+      }
+    };
+  });
+  useEffect(function () {
+    if (barrageBody.current) {
+      barrageCWidth.current = barrageBody.current.offsetWidth;
+      run();
+    }
+
+    return function () {
+      clearInterval(timer.current);
+    };
+  }, [barrageList]);
+
+  var run = function run() {
+    clearInterval(timer.current);
+    timer.current = setInterval(function () {
+      play();
+      run();
+    }, frequency);
+  };
+
+  var play = function play() {
+    var _index = loop ? index.current % barrageList.length : index.current;
+
+    var el = document.createElement("div");
+    el.innerHTML = barrageList[_index];
+    el.classList.add('barrage-item');
+    barrageContainer.current.appendChild(el);
+    var width = el.offsetWidth;
+    var height = el.offsetHeight;
+    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 + 20, "px");
+    el.style.setProperty('--move-distance', "-".concat(barrageCWidth.current, "px"));
+    el.dataset.index = "".concat(_index);
+    el.addEventListener('animationend', function () {
+      barrageContainer.current.removeChild(el);
+    });
+    index.current++;
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    ref: barrageBody
+  }, restProps), React__default.createElement("div", {
+    ref: barrageContainer,
+    className: "bContainer"
+  }));
+};
+
+var Barrage = React__default.forwardRef(InternalBarrage);
+Barrage.defaultProps = defaultProps;
+Barrage.displayName = 'NutBarrage';
+export { Barrage as B };