@nutui/nutui-react 2.0.0-alpha.3 → 2.0.0-alpha.5

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v2.0.0-alpha.5
+`2023-05-10`
+
+* 🛠 refactor: checkbox (#974) @oasis-cloud
+* 🛠 refactor: circleprogress-v2.0 (#949) @junjun666
+* 🛠 refactor: ellipsis-v2.0 (#963) @junjun666
+* 🛠 refactor: empty-v2.0 (#977) @junjun666
+* 🛠 refactor: swipe (#958) @justExplore
+* 🛠 refactor:avatar-v2.0 (#970) @junjun666
+* 📖 docs: 增加 icon 的复制功能 (#973) @oasis-cloud
+* :sparkles: feat: cellgroup组件增加单元格之间是否展示分割线props (#961) @拧巴的猫
+* :bug: fix: tabbar 通过 Tabbar.Item 方式使用未加载 item 的样式 (#972) @oasis-cloud
+* :bug: fix: 修复elevator小程序快速滑动后闪动问题 (#984) @拧巴的猫
+
+
+# v2.0.0-alpha.4
+`2023-05-05`
+
+* 🛠 refactor: circleprogress-v2.0 (#949) @junjun666
+* 🛠 refactor: input (#962) @oasis-cloud
+* 🛠 refactor: Tabbar (#935) @Eiinu
+* :bug: fix: badge 组件的默认样式中，去掉 margin-right (#967) @xiaoyatong
+* 🎨 style: fix endLine display error (#964) @HaiTao
+
 # v2.0.0-alpha.3
 `2023-04-28`
 

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,69 +1,7 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-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 ComponentDefaults } from "./typings.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: "",
-  dot: false,
-  max: 99,
-  top: "0",
-  right: "5",
-  color: ""
-});
-var Badge = function Badge2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, value = _defaultProps$props.value, max = _defaultProps$props.max, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, color = _defaultProps$props.color;
-  var classPrefix = "nut-badge";
-  var classes = classNames(classPrefix, className);
-  var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "__dot"), dot), "".concat(classPrefix, "__content"), "".concat(classPrefix, "__sup"));
-  function content() {
-    if (dot || _typeof(value) === "object")
-      return null;
-    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.background = color;
-    return style2;
-  };
-  return React__default.createElement("div", {
-    className: classes,
-    style
-  }, _typeof(value) === "object" && value && React__default.createElement("div", {
-    className: "".concat(classPrefix, "__icon")
-  }, value), React__default.createElement("div", null, children), React__default.createElement("div", {
-    className: contentClasses,
-    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/Checkbox.js

@@ -1,9 +1,8 @@
 import { C as Checkbox } from "./checkbox2.js";
 import "react";
 import "@nutui/icons-react";
+import "classnames";
 import "./CheckboxGroup.js";
-import "./bem.js";
-import "@bem-react/classname";
 import "./typings.js";
 import "./use-props-value.js";
 export {

package/dist/esm/CheckboxGroup.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "disabled", "onChange", "value", "defaultValue", "max", "textPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
+var _excluded = ["className", "disabled", "onChange", "value", "defaultValue", "max", "labelPosition", "direction", "options"], _excluded2 = ["label", "value", "disabled", "onChange"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,52 +25,51 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useImperativeHandle, useCallback } from "react";
-import { c as cn } from "./bem.js";
+import classNames from "classnames";
 import { C as Checkbox, a as Context } from "./checkbox2.js";
 import { u as usePropsValue } from "./use-props-value.js";
-import "@bem-react/classname";
 import "@nutui/icons-react";
 import "./CheckboxGroup.js";
 import "./typings.js";
 var defaultProps = {
-  disabled: false,
   max: void 0,
-  textPosition: "right",
+  labelPosition: "right",
   direction: "vertical",
   onChange: function onChange(value) {
   },
   options: []
 };
+var classPrefix = "nut-checkboxgroup";
 var CheckboxGroup = React__default.forwardRef(function(props, ref) {
+  var _classNames;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children;
-  var b = cn("checkboxgroup");
-  var className = props.className, disabled = props.disabled, onChange2 = props.onChange, value = props.value, defaultValue = props.defaultValue, max = props.max, textPosition = props.textPosition, direction = props.direction, options = props.options, rest = _objectWithoutProperties(props, _excluded);
+  var className = props.className, disabled = props.disabled, onChange2 = props.onChange, value = props.value, defaultValue = props.defaultValue, max = props.max, labelPosition = props.labelPosition, direction = props.direction, options = props.options, rest = _objectWithoutProperties(props, _excluded);
   useImperativeHandle(ref, function() {
     return {
-      toggleAll: function toggleAll(state) {
+      toggle: function toggle(state) {
         if (state === false) {
           setValue([]);
         } else {
           var childrenLabel = [];
           React__default.Children.map(children, function(child) {
             var childProps = child.props;
-            childrenLabel.push(childProps.label || child.children);
+            childrenLabel.push(childProps.value);
           });
           setValue(childrenLabel);
         }
       },
-      toggleReverse: function toggleReverse() {
+      reverse: function reverse() {
         var childrenLabel = [];
         React__default.Children.map(children, function(child) {
           var childProps = child.props;
-          childrenLabel.push(childProps.label || child.children);
+          childrenLabel.push(childProps.value);
         });
-        var reverse = childrenLabel.filter(function(c) {
+        var reverse2 = childrenLabel.filter(function(c) {
           return (_value === null || _value === void 0 ? void 0 : _value.findIndex(function(v) {
             return v === c;
           })) === -1;
         });
-        setValue(reverse);
+        setValue(reverse2);
       }
     };
   });
@@ -85,32 +84,31 @@ var CheckboxGroup = React__default.forwardRef(function(props, ref) {
       var label = _ref.label, value2 = _ref.value, disabled2 = _ref.disabled, onChange22 = _ref.onChange, rest2 = _objectWithoutProperties(_ref, _excluded2);
       return React__default.createElement(Checkbox, _objectSpread({
         key: value2 === null || value2 === void 0 ? void 0 : value2.toString(),
-        children: label,
-        label: value2
+        label,
+        disabled: disabled2,
+        value: value2
       }, rest2));
     });
   }, [options, max]);
   return React__default.createElement(Context.Provider, {
     value: {
-      textPosition: textPosition || "left",
+      labelPosition: labelPosition || "right",
       disabled,
       max,
-      checkedValue: _value,
+      value: _value,
       check: function check(value2) {
         var combined = [].concat(_toConsumableArray(_value), [value2]);
         setValue(combined);
-        onChange2 && onChange2(combined);
       },
       uncheck: function uncheck(value2) {
         var reduced = _value.filter(function(item) {
           return item !== value2;
         });
         setValue(reduced);
-        onChange2 && onChange2(reduced);
       }
     }
   }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " nut-checkboxgroup--").concat(props.direction, " ").concat(className || "")
+    className: classNames(classPrefix, (_classNames = {}, _defineProperty(_classNames, "nut-checkboxgroup--".concat(props.direction), props.direction), _defineProperty(_classNames, "className", className), _classNames))
   }, rest), options !== null && options !== void 0 && options.length ? renderOptions() : children));
 });
 CheckboxGroup.defaultProps = defaultProps;

package/dist/esm/CircleProgress.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -25,34 +25,33 @@ function _objectSpread(target) {
 import React__default from "react";
 import classNames from "classnames";
 import { a as isObject } from "./index.js";
-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), {}, {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
-  circleColor: "",
-  pathColor: "",
+  color: "#fa2c19",
+  background: "#e5e9f2",
   clockwise: true
-};
+});
+var classPrefix = "nut-circleprogress";
 var CircleProgress = function CircleProgress2(props) {
   var _stop;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, progress = _defaultProps$props.progress, className = _defaultProps$props.className, radius = _defaultProps$props.radius, pathColor = _defaultProps$props.pathColor, clockwise = _defaultProps$props.clockwise, circleColor = _defaultProps$props.circleColor, strokeWidth = _defaultProps$props.strokeWidth, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("circleprogress");
-  var classes = classNames(className, b(""));
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, percent = _defaultProps$props.percent, className = _defaultProps$props.className, radius = _defaultProps$props.radius, clockwise = _defaultProps$props.clockwise, strokeWidth = _defaultProps$props.strokeWidth, color = _defaultProps$props.color, background = _defaultProps$props.background, style = _defaultProps$props.style, strokeLinecap = _defaultProps$props.strokeLinecap, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classes = classNames(className, classPrefix);
   var refRandomId = Math.random().toString(36).slice(-8);
   var styles = _objectSpread({
     height: "".concat(Number(radius) * 2, "px"),
     width: "".concat(Number(radius) * 2, "px")
   }, style);
   var pathStyle = {
-    stroke: pathColor
+    stroke: background
   };
   var hoverStyle = function hoverStyle2() {
     var perimeter = 283;
-    var offset = perimeter * Number(progress) / 100;
+    var offset = perimeter * Number(percent) / 100;
     return {
-      stroke: isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor,
+      stroke: isObject(color) ? "url(#".concat(refRandomId, ")") : color,
       strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
     };
   };
@@ -60,16 +59,13 @@ var CircleProgress = function CircleProgress2(props) {
     var isWise = clockwise ? 1 : 0;
     return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
   };
-  var hoverColor = function hoverColor2() {
-    return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
-  };
   var stop = function stop2() {
-    if (!isObject(circleColor)) {
+    if (!isObject(props.color)) {
       return;
     }
-    var color = circleColor;
-    var colorArr = Object.keys(color).sort(function(a, b2) {
-      return parseFloat(a) - parseFloat(b2);
+    var color2 = props.color;
+    var colorArr = Object.keys(color2).sort(function(a, b) {
+      return parseFloat(a) - parseFloat(b);
     });
     var stopArr = [];
     colorArr.map(function(item) {
@@ -78,7 +74,7 @@ var CircleProgress = function CircleProgress2(props) {
         value: ""
       };
       obj.key = item;
-      obj.value = color[item];
+      obj.value = color2[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -102,8 +98,8 @@ var CircleProgress = function CircleProgress2(props) {
     });
   }))), React__default.createElement("path", {
     className: "nut-circleprogress-path",
-    style: pathStyle,
     d: path(),
+    style: pathStyle,
     fill: "none",
     strokeWidth
   }), React__default.createElement("path", {
@@ -111,13 +107,12 @@ var CircleProgress = function CircleProgress2(props) {
     style: hoverStyle(),
     d: path(),
     fill: "none",
-    stroke: hoverColor(),
     strokeLinecap,
     transform: "rotate(90,50,50)",
     strokeWidth
   })), React__default.createElement("div", {
     className: "nut-circleprogress-text"
-  }, children || React__default.createElement("div", null, progress, "%")));
+  }, children));
 };
 CircleProgress.defaultProps = defaultProps;
 CircleProgress.displayName = "NutCircleProgress";

package/dist/esm/Ellipsis.js

@@ -1,5 +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", "content", "className", "direction", "rows", "expandText", "collapseText", "symbol", "lineHeight", "onClick", "onChange"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -21,9 +23,10 @@ function _objectSpread(target) {
   }
   return target;
 }
-import React__default, { useState, useRef, useLayoutEffect, useEffect } from "react";
-import { useConfig } from "./ConfigProvider.js";
-var defaultProps = {
+import React__default, { useState, useRef, useLayoutEffect } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   content: "",
   direction: "end",
   rows: 1,
@@ -31,21 +34,19 @@ var defaultProps = {
   collapseText: "",
   symbol: "...",
   lineHeight: "20"
-};
+});
+var classPrefix = "nut-ellipsis";
 var Ellipsis = function Ellipsis2(props) {
   var _ellipsis$current, _ellipsis$current2;
-  useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, content = _defaultProps$props.content, direction = _defaultProps$props.direction, rows = _defaultProps$props.rows, expandText = _defaultProps$props.expandText, collapseText = _defaultProps$props.collapseText, symbol = _defaultProps$props.symbol, lineHeight = _defaultProps$props.lineHeight, onClick = _defaultProps$props.onClick, onChange = _defaultProps$props.onChange;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, content = _defaultProps$props.content, className = _defaultProps$props.className, direction = _defaultProps$props.direction, rows = _defaultProps$props.rows, expandText = _defaultProps$props.expandText, collapseText = _defaultProps$props.collapseText, symbol = _defaultProps$props.symbol, lineHeight = _defaultProps$props.lineHeight, onClick = _defaultProps$props.onClick, onChange = _defaultProps$props.onChange, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var container = null;
   var maxHeight = 0;
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), exceeded = _useState2[0], setExceeded = _useState2[1];
   var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), expanded = _useState4[0], setExpanded = _useState4[1];
   var ellipsis = useRef();
   var root = useRef(null);
+  var classes = classNames(classPrefix, className);
   useLayoutEffect(function() {
-    createContainer();
-  }, []);
-  useEffect(function() {
     if (content) {
       createContainer();
     }
@@ -153,11 +154,11 @@ var Ellipsis = function Ellipsis2(props) {
   var handleClick = function handleClick2() {
     onClick && onClick();
   };
-  return React__default.createElement("div", {
-    className: "nut-ellipsis",
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
     onClick: handleClick,
     ref: root
-  }, React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? React__default.createElement(React__default.Fragment, null, (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : _ellipsis$current.leading, expandText ? React__default.createElement("span", {
+  }, rest), React__default.createElement("div", null, !exceeded ? content : null, exceeded && !expanded ? React__default.createElement(React__default.Fragment, null, (_ellipsis$current = ellipsis.current) === null || _ellipsis$current === void 0 ? void 0 : _ellipsis$current.leading, expandText ? React__default.createElement("span", {
     className: "nut-ellipsis-text",
     onClick: function onClick2(e) {
       e.stopPropagation();