@nutui/nutui-react 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/esm/Avatar/style/style.css

@@ -0,0 +1 @@
+.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon__img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}

package/dist/esm/Avatar.js

@@ -1,149 +1,124 @@
 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 Icon from './Icon.js';
-import '@bem-react/classname';
-var defaultProps = {
-  size: '',
-  icon: '',
-  bgColor: '#eee',
-  color: '#666',
-  prefixCls: 'nut-avatar',
-  url: '',
-  alt: ''
-};
-
-var Avatar = function Avatar(props) {
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "size", "shape", "background", "color", "src", "alt", "icon", "fit", "className", "style", "onClick", "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), 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, useContext, useEffect } from "react";
+import classNames from "classnames";
+import { My } from "@nutui/icons-react";
+import { A as AvatarContext } from "./context2.js";
+import Image from "./Image.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  size: "",
+  shape: "round",
+  icon: "",
+  background: "#eee",
+  color: "#666",
+  fit: "cover",
+  src: "",
+  alt: ""
+});
+var classPrefix = "nut-avatar";
+var Avatar = function Avatar2(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;
-
-  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 _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, size = _defaultProps$props.size, shape = _defaultProps$props.shape, background = _defaultProps$props.background, color = _defaultProps$props.color, src = _defaultProps$props.src, alt = _defaultProps$props.alt, icon = _defaultProps$props.icon, fit = _defaultProps$props.fit, className = _defaultProps$props.className, style = _defaultProps$props.style, onClick = _defaultProps$props.onClick, onError = _defaultProps$props.onError, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(0), _useState2 = _slicedToArray(_useState, 2), maxSum = _useState2[0], setMaxSum = _useState2[1];
+  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];
   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 sizeValue = ["large", "normal", "small"];
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "nut-avatar-".concat((parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro = parent.propAvatarGroup) === null || _parent$propAvatarGro === void 0 ? void 0 : _parent$propAvatarGro.size) || size || "normal"), true), _defineProperty(_classNames, "nut-avatar-".concat((parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro2 = parent.propAvatarGroup) === null || _parent$propAvatarGro2 === void 0 ? void 0 : _parent$propAvatarGro2.shape) || shape), true), _classNames));
+  var cls = classNames(classPrefix, classes, className);
   var styles = _objectSpread({
-    width: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
-    height: sizeValue.indexOf(size) > -1 ? '' : "".concat(size, "px"),
-    backgroundColor: "".concat(bgColor),
+    width: sizeValue.indexOf(size) > -1 ? "" : "".concat(size, "px"),
+    height: sizeValue.indexOf(size) > -1 ? "" : "".concat(size, "px"),
+    backgroundColor: "".concat(background),
     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)) : ''
+    marginLeft: avatarIndex !== 1 && parent !== null && parent !== void 0 && (_parent$propAvatarGro3 = parent.propAvatarGroup) !== null && _parent$propAvatarGro3 !== void 0 && _parent$propAvatarGro3.gap ? "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro4 = parent.propAvatarGroup) === null || _parent$propAvatarGro4 === void 0 ? void 0 : _parent$propAvatarGro4.gap, "px") : "",
+    zIndex: (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro5 = parent.propAvatarGroup) === null || _parent$propAvatarGro5 === void 0 ? void 0 : _parent$propAvatarGro5.level) === "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),
+    backgroundColor: "".concat(parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro6 = parent.propAvatarGroup) === null || _parent$propAvatarGro6 === void 0 ? void 0 : _parent$propAvatarGro6.maxBackground),
     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 () {
+  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 avatarLength = function avatarLength2(children2) {
     var _avatarRef$current, _avatarRef$current$da, _parent$propAvatarGro8;
-
-    for (var i = 0; i < children.length; i++) {
-      console.log('child', children[i], children[i].classList);
-
-      if (children[i] && children[i].classList && children[i].classList[0] === 'nut-avatar') {
-        children[i].setAttribute('data-index', i + 1);
+    for (var i = 0; i < children2.length; i++) {
+      if (children2[i] && children2[i].classList && children2[i].classList[0] === "nut-avatar") {
+        children2[i].setAttribute("data-index", i + 1);
       }
     }
-
     var index = Number(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);
+    var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.max;
+    setMaxSum(children2.length);
     setAvatarIndex(index);
-
-    if (index === children.length && index !== maxCount && children.length > maxCount) {
+    if (index === children2.length && index !== maxCount && children2.length > maxCount) {
       setShowMax(true);
     }
   };
-
-  var errorEvent = function errorEvent(e) {
+  var errorEvent = function errorEvent2() {
     if (props.onError) {
-      props.onError(e);
+      props.onError();
     }
   };
-
-  var clickAvatar = function clickAvatar(e) {
-    if (props.activeAvatar) {
-      props.activeAvatar(e);
-    }
+  var clickAvatar = function clickAvatar2(e) {
+    onClick && onClick(e);
   };
-
-  return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro10 = parent.propAvatarGroup) === null || _parent$propAvatarGro10 === void 0 ? void 0 : _parent$propAvatarGro10.maxCount)) && React__default.createElement("div", _objectSpread(_objectSpread({
+  return React__default.createElement(React__default.Fragment, null, (showMax || !(parent !== null && parent !== void 0 && (_parent$propAvatarGro9 = parent.propAvatarGroup) !== null && _parent$propAvatarGro9 !== void 0 && _parent$propAvatarGro9.max) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro10 = parent.propAvatarGroup) === null || _parent$propAvatarGro10 === void 0 ? void 0 : _parent$propAvatarGro10.max)) && React__default.createElement("div", _objectSpread(_objectSpread({
     className: cls
   }, rest), {}, {
     style: !showMax ? styles : maxStyles,
     onClick: clickAvatar,
     ref: avatarRef
-  }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro11 = parent.propAvatarGroup) !== null && _parent$propAvatarGro11 !== void 0 && _parent$propAvatarGro11.maxCount) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro12 = parent.propAvatarGroup) === null || _parent$propAvatarGro12 === void 0 ? void 0 : _parent$propAvatarGro12.maxCount)) && React__default.createElement(React__default.Fragment, null, url && React__default.createElement("img", {
-    src: url,
-    alt: alt,
+  }), (!(parent !== null && parent !== void 0 && (_parent$propAvatarGro11 = parent.propAvatarGroup) !== null && _parent$propAvatarGro11 !== void 0 && _parent$propAvatarGro11.max) || avatarIndex <= (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro12 = parent.propAvatarGroup) === null || _parent$propAvatarGro12 === void 0 ? void 0 : _parent$propAvatarGro12.max)) && React__default.createElement(React__default.Fragment, null, src && React__default.createElement(Image, {
+    className: "avatar-img",
+    src,
+    alt,
+    style: {
+      objectFit: fit
+    },
     onError: errorEvent
-  }), icon && React__default.createElement(Icon, {
-    className: "icon",
-    name: iconStyles
-  }), children && React__default.createElement("span", {
+  }), React__default.isValidElement(icon) ? React__default.cloneElement(icon, _objectSpread(_objectSpread({}, icon.props), {}, {
+    className: "".concat(icon.props.className || "", " icon")
+  })) : null, children && React__default.createElement("span", {
     className: "text"
-  }, children)), showMax && React__default.createElement("div", {
+  }, children), !src && !icon && !children && React__default.createElement(My, {
+    className: "icon"
+  })), showMax && React__default.createElement("div", {
     className: "text"
-  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.maxCount)))));
+  }, parent !== null && parent !== void 0 && (_parent$propAvatarGro13 = parent.propAvatarGroup) !== null && _parent$propAvatarGro13 !== void 0 && _parent$propAvatarGro13.maxContent ? parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro14 = parent.propAvatarGroup) === null || _parent$propAvatarGro14 === void 0 ? void 0 : _parent$propAvatarGro14.maxContent : "+ ".concat(avatarIndex - (parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro15 = parent.propAvatarGroup) === null || _parent$propAvatarGro15 === void 0 ? void 0 : _parent$propAvatarGro15.max)))));
 };
-
 Avatar.defaultProps = defaultProps;
-Avatar.displayName = 'NutAvatar';
-export { Avatar as default };
+Avatar.displayName = "NutAvatar";
+export {
+  Avatar as default
+};

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

@@ -0,0 +1 @@
+import './style.css'

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

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

package/dist/esm/AvatarGroup/style/style.css

@@ -0,0 +1 @@
+.nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}

package/dist/esm/AvatarGroup.js

@@ -1,50 +1,57 @@
 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 { 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();
-
+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 "./context2.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  maxContent: "",
+  max: "",
+  maxBackground: "#eee",
+  maxColor: "#666",
+  gap: "-8",
+  level: "left"
+});
+var classPrefix = "nut-avatar-group";
+var AvatarGroup = function AvatarGroup2(props) {
   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 cls = classNames(classPrefix, 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/css.js

@@ -0,0 +1 @@
+import './style.css'

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

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

package/dist/esm/BackTop/style/style.css

@@ -0,0 +1 @@
+.nut-backtop{display:none;position:fixed}.nut-backtop.show{width:40px;height:40px;background:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);border:1px solid var(--nutui-backtop-border-color, #e0e0e0);border-radius:50%;display:flex;align-items:center;justify-content:center}.nut-backtop.show :active{background:rgba(0,0,0,.1)}.nut-backtop-main{transition:all .2s ease-in-out}

package/dist/esm/BackTop.js

@@ -1,68 +1,60 @@
 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';
-var defaultProps = {
-  bottom: 20,
-  right: 10,
-  elId: 'body',
-  distance: 200,
+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), {}, {
+  target: "",
+  threshold: 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,
-      onClick = _defaultProps$props.onClick;
-
-  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];
-
+  duration: 1e3
+});
+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 () {
+  var scrollEl = useRef(null);
+  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;
       SetScrollTop(top);
@@ -70,87 +62,76 @@ 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 {
       scrollEl.current.scrollTop = y;
+      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);
-
       if (t === duration || y === 0) {
         window.cancelAnimationFrame(cid);
       }
     });
   };
-
-  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);
-  } // 返回顶部点击事件
-
-
-  var goTop = function goTop(e) {
+    (_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 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, {
-    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/style/css.js

@@ -0,0 +1 @@
+import './style.css'

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

@@ -1,2 +1,2 @@
 
-require('../../../packages/badge/badge.scss')
+import '../../../packages/badge/badge.scss'

package/dist/esm/Badge/style/style.css

@@ -0,0 +1 @@
+.nut-badge{position:relative;display:inline-block}.nut-badge__icon{display:flex;position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));top:-20%;right:-20%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px);z-index:var(--nutui-badge-z-index, 1)}.nut-badge__sup{position:absolute;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-brand-color, #fa2c19) 0%, var(--nutui-brand-color-end, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 5px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 12px));font-weight:400;text-align:center;line-height:16px;border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-border-radius, 14px)}.nut-badge__content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge__dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-border, 0px solid var(--nutui-brand-text-color, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}