@nutui/nutui-react 2.0.0-alpha.0 → 2.0.0-alpha.10

package/dist/esm/Address.js

@@ -348,7 +348,7 @@ var CustomRender = function CustomRender2(props) {
     className: b("elevator-group")
   }, React__default.createElement(Elevator, {
     height,
-    indexList: regionList[tabName[tabIndex]],
+    list: regionList[tabName[tabIndex]],
     onClickItem: handleElevatorItem
   })));
 };

package/dist/esm/Animate.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["className", "type", "action", "loop", "onClick", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -25,23 +25,22 @@ function _objectSpread(target) {
 }
 import React__default, { useState } from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: "shake",
   action: "initial",
   loop: false,
   onClick: function onClick(event) {
   }
-};
+});
+var classPrefix = "nut-animate";
 var Animate = function Animate2(props) {
   var _classNames;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, type = _defaultProps$props.type, action = _defaultProps$props.action, loop = _defaultProps$props.loop, onClick2 = _defaultProps$props.onClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), clicked = _useState2[0], setClicked = _useState2[1];
-  var b = cn("animate");
   var classes = classNames((_classNames = {
     "nut-ani-container": true
-  }, _defineProperty(_classNames, "".concat(b(""), "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
+  }, _defineProperty(_classNames, "".concat(classPrefix, "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
   var cls = classNames(classes, className);
   var handleClick = function handleClick2(event) {
     setClicked(true);

package/dist/esm/Audio.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "url", "style", "muted", "autoplay", "loop", "preload", "type", "onFastBack", "onForward", "onPause", "onPlayEnd", "onMute", "onCanPlay", "children"];
+var _excluded = ["className", "src", "style", "muted", "autoPlay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,28 +25,25 @@ function _objectSpread(target) {
 }
 import React__default, { useState, useRef, useEffect } from "react";
 import { Service } from "@nutui/icons-react";
+import classNames from "classnames";
 import Range from "./Range.js";
-import { c as cn } from "./bem.js";
 import Button from "./Button.js";
 import { useConfig } from "./ConfigProvider.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
-  url: "",
-  style: {},
+  src: "",
   muted: false,
-  autoplay: false,
+  autoPlay: false,
   loop: false,
   preload: "auto",
   type: "progress",
-  onFastBack: function onFastBack(e) {
+  onBack: function onBack(e) {
   },
   onForward: function onForward(e) {
   },
   onPause: function onPause(e) {
   },
-  onPlayEnd: function onPlayEnd(e) {
+  onEnd: function onEnd(e) {
   },
   onMute: function onMute(e) {
   },
@@ -55,7 +52,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Audio = function Audio2(props) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, url = _defaultProps$props.url, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoplay = _defaultProps$props.autoplay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onFastBack2 = _defaultProps$props.onFastBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onPlayEnd2 = _defaultProps$props.onPlayEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoPlay = _defaultProps$props.autoPlay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), playing = _useState2[0], setPlaying = _useState2[1];
   var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), percent = _useState4[0], setPercent = _useState4[1];
   var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), isCanPlay = _useState6[0], setIsCanPlay = _useState6[1];
@@ -68,16 +65,16 @@ var Audio = function Audio2(props) {
     duration: "00:00:00",
     second: 0,
     hanMuted: props.muted,
-    playing: props.autoplay,
+    playing: props.autoPlay,
     handPlaying: false
   });
-  var b = cn("audio");
+  var classPrefix = "nut-audio";
   var warn = console.warn;
   var handleEnded = function handleEnded2(e) {
     if (props.loop) {
       warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
     } else {
-      props.onPlayEnd && props.onPlayEnd(e);
+      props.onEnd && props.onEnd(e);
     }
   };
   function watch() {
@@ -102,20 +99,20 @@ var Audio = function Audio2(props) {
     }
   };
   var renderIcon = function renderIcon2() {
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: b("icon")
+    return React__default.createElement("div", {
+      className: "".concat(classPrefix, "__icon")
     }, React__default.createElement("div", {
-      className: "".concat(b("icon-box"), " ").concat(playing ? b("icon-play") : b("icon-stop")),
+      className: classNames("".concat(classPrefix, "__icon-box"), playing ? "".concat(classPrefix, "__icon-play") : "".concat(classPrefix, "__icon-stop")),
       onClick: handleStatusChange
     }, React__default.createElement(Service, {
       className: playing ? "nut-icon-loading" : ""
-    }))));
+    })));
   };
   var handleBack = function handleBack2() {
     if (statusRef.current.currentTime > 0 && AudioRef.current) {
       statusRef.current.currentTime--;
       AudioRef.current.currentTime = statusRef.current.currentTime;
-      props.onFastBack && props.onFastBack(AudioRef.current);
+      props.onBack && props.onBack(AudioRef.current);
     }
   };
   var handleForward = function handleForward2() {
@@ -151,15 +148,19 @@ var Audio = function Audio2(props) {
   };
   var renderProgerss = function renderProgerss2() {
     return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-      className: b("progress")
+      className: "".concat(classPrefix, "__progress")
     }, React__default.createElement("div", {
       className: "time"
     }, currentDuration), React__default.createElement("div", {
-      className: b("progress-bar-wrapper")
+      className: "".concat(classPrefix, "__progress-bar-wrapper")
     }, React__default.createElement(Range, {
-      modelValue: percent,
-      hiddenTag: true,
-      hiddenRange: true,
+      value: percent,
+      onChange: function onChange(val) {
+        return setPercent(val);
+      },
+      currentDescription: null,
+      maxDescription: null,
+      minDescription: null,
       "inactive-color": "#cccccc",
       "active-color": "#fa2c19"
     })), React__default.createElement("div", {
@@ -188,7 +189,7 @@ var Audio = function Audio2(props) {
   };
   var renderNone = function renderNone2() {
     return React__default.createElement("div", {
-      className: b("none-container"),
+      className: "".concat(classPrefix, "__none-container"),
       onClick: handleStatusChange
     }, children);
   };
@@ -206,7 +207,7 @@ var Audio = function Audio2(props) {
   };
   var handleCanplay = function handleCanplay2(e) {
     setIsCanPlay(true);
-    if (props.autoplay && !playing) {
+    if (props.autoPlay && !playing) {
       AudioRef && AudioRef.current && AudioRef.current.play();
     }
     if (AudioRef.current) {
@@ -223,13 +224,13 @@ var Audio = function Audio2(props) {
     statusRef.current.currentTime = time;
   };
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className),
+    className: classNames(classPrefix, className),
     style
   }, rest), renderAudio(), React__default.createElement("audio", {
     className: "audioMain",
     controls: type === "controls",
     ref: AudioRef,
-    src: url,
+    src,
     muted,
     preload,
     loop,

package/dist/esm/Avatar.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "prefixCls", "size", "shape", "bgColor", "color", "url", "alt", "icon", "className", "style", "activeAvatar", "onActiveAvatar", "onError"];
+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) {
@@ -25,41 +25,42 @@ function _objectSpread(target) {
 }
 import React__default, { useState, useRef, useContext, useEffect } from "react";
 import classNames from "classnames";
-import { A as AvatarContext } from "./AvatarContext.js";
-import { c as cn } from "./bem.js";
+import { A as AvatarContext } from "./context.js";
+import { My } from "@nutui/icons-react";
+import Image from "./Image.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   size: "",
+  shape: "round",
   icon: "",
-  bgColor: "#eee",
+  background: "#eee",
   color: "#666",
-  prefixCls: "nut-avatar",
-  url: "",
+  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, onActiveAvatar = _defaultProps$props.onActiveAvatar, onError = _defaultProps$props.onError, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  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 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),
+    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)
   };
   useEffect(function() {
@@ -77,40 +78,44 @@ var Avatar = function Avatar2(props) {
       }
     }
     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;
+    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 === children2.length && index !== maxCount && children2.length > maxCount) {
       setShowMax(true);
     }
   };
-  var errorEvent = function errorEvent2(e) {
+  var errorEvent = function errorEvent2() {
     if (props.onError) {
-      props.onError(e);
+      props.onError();
     }
   };
   var clickAvatar = function clickAvatar2(e) {
-    activeAvatar && activeAvatar(e);
-    onActiveAvatar && onActiveAvatar(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", {
+  }), (!(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: url,
+    src,
     alt,
+    style: {
+      objectFit: fit
+    },
     onError: errorEvent
   }), 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";

package/dist/esm/AvatarGroup.js

@@ -22,27 +22,22 @@ function _objectSpread(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 = {
+import { A as AvatarContext } from "./context.js";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   maxContent: "",
-  maxCount: "",
-  maxBgColor: "#eee",
+  max: "",
+  maxBackground: "#eee",
   maxColor: "#666",
-  size: "",
-  shape: "",
-  span: "-8",
-  zIndex: "left"
-};
+  gap: "-8",
+  level: "left"
+});
+var classPrefix = "nut-avatar-group";
 var AvatarGroup = function AvatarGroup2(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 cls = classNames(classPrefix, className);
   var parentAvatar = {
     propAvatarGroup,
     avatarGroupRef

package/dist/esm/Badge.js

@@ -1,76 +1,7 @@
-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), 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: "",
-  dot: false,
-  max: 1e4,
-  top: "0",
-  right: "0",
-  zIndex: "0",
-  color: "",
-  icon: null
-});
-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 void 0;
-    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 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
-  }, 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"),
-    style: getStyle()
-  }, content()));
-};
-Badge.defaultProps = defaultProps;
-Badge.displayName = "NutBadge";
+import { B as Badge } from "./badge2.js";
+import "react";
+import "classnames";
+import "./typings.js";
 export {
   Badge as default
 };

package/dist/esm/CalendarItem.js

@@ -26,19 +26,9 @@ import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { c as cn } from "./bem.js";
 import { U as Utils } from "./date.js";
+import { r as requestAniFrame } from "./raf.js";
 import { useConfig } from "./ConfigProvider.js";
 import "@bem-react/classname";
-function requestAniFrame() {
-  if (typeof window !== "undefined") {
-    return window.requestAnimationFrame || function(callback) {
-      window.setTimeout(callback, 1e3 / 60);
-    };
-  }
-  return function(callback) {
-    setTimeout(callback, 1e3 / 60);
-  };
-}
-var requestAniFrame$1 = requestAniFrame();
 var defaultProps = {
   type: "one",
   isAutoBackFill: false,
@@ -510,7 +500,7 @@ var CalendarItem = React__default.forwardRef(function(props, ref) {
     }
     var lastItem = state.monthsData[state.monthsData.length - 1];
     var containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
-    requestAniFrame$1(function() {
+    requestAniFrame(function() {
       if (months && monthsPanel && viewArea) {
         viewHeight = months.current.clientHeight;
         monthsPanel.current.style.height = "".concat(containerHeight, "px");