@nutui/nutui-react 1.1.4-beta.1 → 1.1.4-beta.4

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

@@ -1,2 +1,2 @@
-
+require('../../AvatarGroup/style')
 require('../../../packages/avatar/avatar.scss')

package/dist/esm/Avatar.js

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

package/dist/esm/AvatarContext-7153ad2b.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+var AvatarContext = createContext({});
+export { AvatarContext as A };

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

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

package/dist/esm/AvatarGroup.js

@@ -0,0 +1,50 @@
+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 { A as AvatarContext } from './AvatarContext-7153ad2b.js';
+import { c as cn } from './bem-893ad28d.js';
+import classNames from 'classnames';
+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();
+
+  var propAvatarGroup = _objectSpread(_objectSpread({}, defaultProps), props);
+
+  var className = propAvatarGroup.className,
+      style = propAvatarGroup.style,
+      children = propAvatarGroup.children;
+  var avatarGroupRef = useRef(null);
+  var b = cn('avatar-group');
+  var cls = classNames(b(''), className);
+  var parentAvatar = {
+    propAvatarGroup: propAvatarGroup,
+    avatarGroupRef: avatarGroupRef
+  };
+  return React__default.createElement(AvatarContext.Provider, {
+    value: parentAvatar
+  }, React__default.createElement("div", {
+    className: cls,
+    style: style,
+    ref: avatarGroupRef
+  }, children));
+};
+
+AvatarGroup.defaultProps = defaultProps;
+AvatarGroup.displayName = 'NutAvatarGroup';
+export { AvatarGroup as default };

package/dist/esm/BackTop.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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, useEffect } from 'react';
+import React__default, { useState, useRef, useEffect } from 'react';
 import Icon from './Icon.js';
 var defaultProps = {
   bottom: 20,
@@ -42,7 +42,7 @@ var BackTop = function BackTop(props) {
       SetScrollTop = _useState4[1];
 
   var startTime = 0;
-  var scrollEl = elId ? document.getElementById(elId) : window; // 初始化
+  var scrollEl = useRef(null); // 初始化
 
   useEffect(function () {
     init();
@@ -53,7 +53,7 @@ var BackTop = function BackTop(props) {
 
   var init = function init() {
     if (elId && document.getElementById(elId)) {
-      scrollEl = document.getElementById(elId);
+      scrollEl.current = document.getElementById(elId);
     }
 
     addEventListener();
@@ -63,11 +63,11 @@ var BackTop = function BackTop(props) {
   var scrollListener = function scrollListener() {
     var top = null;
 
-    if (scrollEl instanceof Window) {
-      top = scrollEl.pageYOffset;
+    if (scrollEl.current instanceof Window) {
+      top = scrollEl.current.pageYOffset;
       SetScrollTop(top);
     } else {
-      top = scrollEl.scrollTop;
+      top = scrollEl.current.scrollTop;
       SetScrollTop(top);
     }
 
@@ -78,10 +78,10 @@ var BackTop = function BackTop(props) {
   var scroll = function scroll() {
     var y = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
 
-    if (scrollEl instanceof Window) {
+    if (scrollEl.current instanceof Window) {
       window.scrollTo(0, y);
     } else {
-      scrollEl.scrollTop = y;
+      scrollEl.current.scrollTop = y;
     }
   };
 
@@ -111,14 +111,18 @@ var BackTop = function BackTop(props) {
 
 
   function addEventListener() {
-    scrollEl.addEventListener('scroll', scrollListener, false);
-    scrollEl.addEventListener('resize', scrollListener, false);
+    var _scrollEl$current, _scrollEl$current2;
+
+    (_scrollEl$current = scrollEl.current) === null || _scrollEl$current === void 0 ? void 0 : _scrollEl$current.addEventListener('scroll', scrollListener, false);
+    (_scrollEl$current2 = scrollEl.current) === null || _scrollEl$current2 === void 0 ? void 0 : _scrollEl$current2.addEventListener('resize', scrollListener, false);
   } // 移除监听事件
 
 
   function removeEventListener() {
-    scrollEl.removeEventListener('scroll', scrollListener, false);
-    scrollEl.removeEventListener('resize', scrollListener, false);
+    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);
   } // 返回顶部点击事件
 
 

package/dist/esm/Barrage.js

@@ -74,7 +74,6 @@ var InternalBarrage = function InternalBarrage(props, ref) {
     barrageContainer.current.appendChild(el);
     var width = el.offsetWidth;
     var height = el.offsetHeight;
-    console.log(el.offsetWidth, el.offsetHeight);
     el.classList.add('move');
     el.style.animationDuration = "".concat(speeds, "ms");
     el.style.top = "".concat(_index % rows * (height + top) + 20, "px");

package/dist/esm/CircleProgress.js

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "strokeInnerWidth", "progress", "isAuto", "progressOption", "className", "style"];
+import _typeof from "@babel/runtime/helpers/typeof";
+var _excluded = ["children", "progress", "className", "radius", "pathColor", "clockwise", "circleColor", "strokeWidth", "style", "strokeLinecap"];
 
 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; }
 
@@ -10,88 +11,124 @@ import React__default from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
+
+var isObject = function isObject(val) {
+  return val !== null && _typeof(val) === 'object';
+};
+
 var defaultProps = {
-  strokeInnerWidth: 10,
-  progress: 10,
-  isAuto: false,
-  progressOption: {}
+  strokeWidth: 5,
+  radius: 50,
+  strokeLinecap: 'round',
+  circleColor: '',
+  pathColor: '',
+  clockwise: true
 };
 
 var CircleProgress = function CircleProgress(props) {
+  var _stop;
+
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
-      strokeInnerWidth = _defaultProps$props.strokeInnerWidth,
       progress = _defaultProps$props.progress,
-      isAuto = _defaultProps$props.isAuto,
-      progressOption = _defaultProps$props.progressOption,
       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 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
+  };
 
-  var option = function option() {
-    // 所有进度条的可配置项
-    var baseOption = {
-      radius: 50,
-      strokeOutWidth: 10,
-      backColor: '#d9d9d9',
-      progressColor: 'red',
-      cy: 1,
-      cx: 1,
-      size: 1,
-      startPosition: ''
+  var hoverStyle = function hoverStyle() {
+    var perimeter = 283;
+    var offset = perimeter * Number(progress) / 100;
+    return {
+      stroke: isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor,
+      strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
     };
-    Object.assign(baseOption, progressOption); // 圆心位置自动生成
+  };
 
-    baseOption.cy = baseOption.cx = baseOption.radius + baseOption.strokeOutWidth;
-    baseOption.size = (baseOption.radius + baseOption.strokeOutWidth) * 2;
-    baseOption.startPosition = "rotate(-90,".concat(baseOption.cx, ",").concat(baseOption.cy, ")");
-    return baseOption;
+  var path = function path() {
+    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 styles = _objectSpread({
-    height: "".concat(option().size, "px"),
-    width: "".concat(option().size, "px")
-  }, style);
+  var hoverColor = function hoverColor() {
+    return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
+  };
 
-  var arcLength = function arcLength() {
-    var circleLength = Math.floor(2 * Math.PI * option().radius);
-    var progressLength = progress / 100 * circleLength;
-    return "".concat(progressLength, ",").concat(circleLength);
+  var stop = function stop() {
+    if (!isObject(circleColor)) {
+      return;
+    }
+
+    var color = circleColor;
+    var colorArr = Object.keys(color).sort(function (a, b) {
+      return parseFloat(a) - parseFloat(b);
+    });
+    var stopArr = [];
+    colorArr.map(function (item) {
+      var obj = {
+        key: '',
+        value: ''
+      };
+      obj.key = item;
+      obj.value = color[item];
+      stopArr.push(obj);
+    });
+    return stopArr;
   };
 
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: styles
   }, restProps), React__default.createElement("svg", {
-    height: option().size,
-    width: option().size,
-    "x-mlns": "http://www.w3.org/200/svg"
-  }, React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().backColor,
-    strokeWidth: option().strokeOutWidth,
-    fill: "none"
-  }), React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().progressColor,
-    strokeWidth: strokeInnerWidth,
-    strokeDasharray: arcLength(),
-    transform: option().startPosition,
+    viewBox: "0 0 100 100"
+  }, React__default.createElement("defs", null, React__default.createElement("linearGradient", {
+    id: refRandomId,
+    x1: "100%",
+    y1: "0%",
+    x2: "0%",
+    y2: "0%"
+  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function (item, index) {
+    return React__default.createElement("stop", {
+      key: index,
+      offset: item.key,
+      stopColor: item.value
+    });
+  }))), React__default.createElement("path", {
+    className: "nut-circleprogress-path",
+    style: pathStyle,
+    d: path(),
     fill: "none",
-    strokeLinecap: "round",
-    style: {
-      transition: 'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s'
-    }
+    strokeWidth: strokeWidth
+  }), React__default.createElement("path", {
+    className: "nut-circleprogress-hover",
+    style: hoverStyle(),
+    d: path(),
+    fill: "none",
+    stroke: hoverColor(),
+    strokeLinecap: strokeLinecap,
+    transform: "rotate(90,50,50)",
+    strokeWidth: strokeWidth
   })), React__default.createElement("div", {
-    className: "nut-circleprogress-content"
-  }, !isAuto ? "".concat(progress, "%") : React__default.createElement(React__default.Fragment, null, children)));
+    className: "nut-circleprogress-text"
+  }, children ? children : React__default.createElement("div", null, progress, "%")));
 };
 
 CircleProgress.defaultProps = defaultProps;

package/dist/esm/Skeleton.js

@@ -12,8 +12,8 @@ import Avatar from './Avatar.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {
-  width: 100,
-  height: 100,
+  width: '100px',
+  height: '100px',
   row: 1,
   animated: false,
   title: false,
@@ -59,39 +59,47 @@ var Skeleton = function Skeleton(props) {
   };
 
   var getStyle = function getStyle() {
+    if (avatarSize) {
+      return {
+        width: avatarSize,
+        height: avatarSize
+      };
+    }
+
     return {
-      width: avatarSize,
-      height: avatarSize
+      width: '50px',
+      height: '50px'
     };
   };
 
   return React__default.createElement(React__default.Fragment, null, loading ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
     className: classes
-  }, restProps), React__default.createElement("div", {
+  }, restProps), animated && React__default.createElement("div", {
     className: "skeleton-animation"
   }), React__default.createElement("div", {
     className: "nut-skeleton-content"
   }, avatar && React__default.createElement(Avatar, {
     className: avatarClass,
     bgColor: "rgb(239, 239, 239)",
+    shape: avatarShape,
     style: getStyle()
-  }), row === 1 ? React__default.createElement("div", {
+  }), row === 1 && React__default.createElement("div", {
     className: blockClass,
     style: {
-      width: "".concat(width, "px"),
-      height: "".concat(height, "px")
+      width: width,
+      height: height
     }
-  }) : React__default.createElement("div", {
+  }), React__default.createElement("div", {
     className: "skeleton-content-line"
   }, title && React__default.createElement("div", {
     className: "skeleton-title"
   }), repeatLines(row).map(function (item, index) {
     return React__default.createElement("div", {
-      className: "".concat(blockClass, " skeleton-lines"),
+      className: blockClass,
       key: index,
       style: {
-        width: "".concat(width, "px"),
-        height: "".concat(height, "px")
+        width: width,
+        height: height
       }
     });
   })))));

package/dist/esm/Step.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "title", "content", "activeIndex", "icon", "size", "className", "renderContent"];
+var _excluded = ["children", "title", "content", "activeIndex", "icon", "iconColor", "size", "className", "renderContent"];
 
 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; }
 
@@ -17,6 +17,7 @@ var defaultProps = {
   content: '',
   activeIndex: 0,
   icon: '',
+  iconColor: '',
   size: '12px'
 };
 
@@ -27,6 +28,7 @@ var Step = function Step(props) {
       content = _defaultProps$props.content,
       activeIndex = _defaultProps$props.activeIndex,
       icon = _defaultProps$props.icon,
+      iconColor = _defaultProps$props.iconColor,
       size = _defaultProps$props.size,
       className = _defaultProps$props.className,
       renderContent = _defaultProps$props.renderContent,
@@ -41,11 +43,19 @@ var Step = function Step(props) {
     return index === +parent.propSteps.current ? 'process' : 'wait';
   };
 
+  var handleClickStep = function handleClickStep() {
+    var _parent$propSteps;
+
+    (_parent$propSteps = parent.propSteps) === null || _parent$propSteps === void 0 ? void 0 : _parent$propSteps.clickStep(activeIndex);
+  };
+
   var b = cn('step');
   var classes = classNames(_defineProperty({}, "".concat(b(''), "-").concat(getCurrentStatus()), true), className, b(''));
-  return React__default.createElement("div", _objectSpread({
+  return React__default.createElement("div", _objectSpread(_objectSpread({
     className: classes
-  }, restProps), React__default.createElement("div", {
+  }, restProps), {}, {
+    onClick: handleClickStep
+  }), React__default.createElement("div", {
     className: "nut-step-head"
   }, React__default.createElement("div", {
     className: "nut-step-line"
@@ -53,6 +63,7 @@ var Step = function Step(props) {
     className: "nut-step-icon ".concat(!dot ? icon ? 'is-icon' : 'is-text' : '')
   }, icon ? React__default.createElement(Icon, {
     className: "nut-step-icon-inner",
+    color: iconColor,
     name: icon,
     size: size
   }) : dot ? React__default.createElement("span", null) : React__default.createElement("span", {

package/dist/esm/Steps.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "direction", "className"];
+var _excluded = ["children", "current", "direction", "className", "progressDot", "clickStep"];
 
 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; }
 
@@ -23,8 +23,11 @@ var Steps = function Steps(props) {
   var propSteps = _objectSpread(_objectSpread({}, defaultProps), props);
 
   var children = propSteps.children,
+      current = propSteps.current,
       direction = propSteps.direction,
       className = propSteps.className,
+      progressDot = propSteps.progressDot,
+      clickStep = propSteps.clickStep,
       restProps = _objectWithoutProperties(propSteps, _excluded);
 
   var parentSteps = {