@nutui/nutui-react 1.3.3 → 1.3.4-beta.0

package/dist/esm/MenuItem.js

@@ -42,14 +42,14 @@ var MenuItem = function MenuItem(props) {
       value = _defaultProps$props.value,
       columns = _defaultProps$props.columns,
       title = _defaultProps$props.title,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      fontClassName = _defaultProps$props.fontClassName,
       optionsIcon = _defaultProps$props.optionsIcon,
       direction = _defaultProps$props.direction,
       onChange = _defaultProps$props.onChange,
       activeTitleClass = _defaultProps$props.activeTitleClass,
       inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
-      children = _defaultProps$props.children;
+      children = _defaultProps$props.children,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName;
 
   var activeColor = mergedProps.activeColor,
       showPopup = mergedProps.showPopup,
@@ -180,8 +180,8 @@ var MenuItem = function MenuItem(props) {
         handleClick(item);
       }
     }, item.value === _value ? React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: getIconCName(item.value, value),
       name: optionsIcon,
       color: activeColor

package/dist/esm/NavBar.js

@@ -45,7 +45,9 @@ var NavBar = function NavBar(props) {
       onClickTitle = _defaultProps$props.onClickTitle,
       onClickIcon = _defaultProps$props.onClickIcon,
       onClickBack = _defaultProps$props.onClickBack,
-      onClickRight = _defaultProps$props.onClickRight;
+      onClickRight = _defaultProps$props.onClickRight,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName;
 
   var b = cn('navbar');
   var children = Array.isArray(props.children) ? props.children : [props.children];
@@ -72,8 +74,8 @@ var NavBar = function NavBar(props) {
         return onClickBack(e);
       }
     }, leftShow && React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "left",
       color: "#979797"
     }), leftText && React__default.createElement("div", {
@@ -94,8 +96,8 @@ var NavBar = function NavBar(props) {
         return onClickIcon(e);
       }
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: titIcon
     })), slot.content);
   };

package/dist/esm/NoticeBar.js

@@ -52,7 +52,9 @@ var NoticeBar = function NoticeBar(props) {
       speed = _defaultProps$props.speed,
       rightIcon = _defaultProps$props.rightIcon,
       close = _defaultProps$props.close,
-      click = _defaultProps$props.click;
+      click = _defaultProps$props.click,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName;
 
   var wrap = useRef(null);
   var content = useRef(null);
@@ -322,8 +324,8 @@ var NoticeBar = function NoticeBar(props) {
       backgroundImage: "url(".concat(iconBg() || '', ")")
     }
   }, !iconBg() ? React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "notice",
     size: "16",
     color: color
@@ -339,8 +341,8 @@ var NoticeBar = function NoticeBar(props) {
     className: "right-icon",
     onClick: onClickIcon
   }, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: rightIcon || 'close',
     color: color
   })) : null) : null, scrollList.current.length > 0 && direction === 'vertical' ? React__default.createElement("div", {
@@ -373,8 +375,8 @@ var NoticeBar = function NoticeBar(props) {
       handleClickIcon();
     }
   }, rightIcon || (closeMode ? React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "cross",
     color: color,
     size: "11px"

package/dist/esm/Notify.js

@@ -19,7 +19,7 @@ import * as ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { c as cn } from './bem-893ad28d.js';
-import { r as render } from './render-4a3856cb.js';
+import { r as render } from './render-18227751.js';
 import '@bem-react/classname';
 
 var Notification = /*#__PURE__*/function (_React$PureComponent) {

package/dist/esm/Popover.js

@@ -7,7 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "list", "theme", "location", "visible", "offset", "className", "style", "onClick", "onChoose"];
+var _excluded = ["children", "list", "theme", "location", "visible", "offset", "className", "style", "onClick", "onChoose", "iconClassPrefix", "iconFontClassName"];
 
 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; }
 
@@ -126,6 +126,8 @@ var Popover = function Popover(props) {
       style = _defaultProps$props.style,
       onClick = _defaultProps$props.onClick,
       onChoose = _defaultProps$props.onChoose,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       reset = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var goodItem = useRef(null);
@@ -240,8 +242,8 @@ var Popover = function Popover(props) {
         handleChoose(item, i);
       }
     }, item.icon ? React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "popover-menu-item-img",
       name: item.icon
     }) : '', React__default.createElement("div", {

package/dist/esm/Popup.js

@@ -68,7 +68,9 @@ var Popup = function Popup(props) {
       onClickCloseIcon = props.onClickCloseIcon,
       onOpened = props.onOpened,
       onClosed = props.onClosed,
-      onClick = props.onClick;
+      onClick = props.onClick,
+      iconClassPrefix = props.iconClassPrefix,
+      iconFontClassName = props.iconFontClassName;
 
   var _useState = useState(zIndex || _zIndex),
       _useState2 = _slicedToArray(_useState, 2),
@@ -187,8 +189,8 @@ var Popup = function Popup(props) {
       className: closeClasses,
       onClick: onHandleClickCloseIcon
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: closeIcon,
       size: "12px"
     })) : ''));

package/dist/esm/Progress.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"],
-    _excluded2 = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children"];
+    _excluded2 = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "children", "iconClassPrefix", "iconFontClassName"];
 
 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; }
 
@@ -120,6 +120,8 @@ var Progress = function Progress(props) {
       iconSize = _defaultProps$props.iconSize,
       rounded = _defaultProps$props.rounded,
       children = _defaultProps$props.children,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded2);
 
   var b = cn('progress');
@@ -182,8 +184,8 @@ var Progress = function Progress(props) {
       color: textColor || '#333'
     }
   }, percentage, isShowPercentage ? '%' : ''), textType === 'icon' && React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     size: iconSize,
     name: iconName,
     color: iconColor

package/dist/esm/PullToRefresh.js

@@ -11,36 +11,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { useDrag } from '@use-gesture/react';
 import { useSpring, animated } from '@react-spring/web';
 import { useConfig } from './ConfigProvider.js';
-var canUseDom = !!(typeof window !== 'undefined' && typeof document !== 'undefined' && window.document && window.document.createElement);
-var defaultRoot = canUseDom ? window : undefined;
-var overflowStylePatterns = ['scroll', 'auto', 'overlay'];
-
-function isElement(node) {
-  var ELEMENT_NODE_TYPE = 1;
-  return node.nodeType === ELEMENT_NODE_TYPE;
-}
-
-function getScrollParent(el) {
-  var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultRoot;
-  var node = el;
-
-  while (node && node !== root && isElement(node)) {
-    if (node === document.body) {
-      return root;
-    }
-
-    var _window$getComputedSt = window.getComputedStyle(node),
-        overflowY = _window$getComputedSt.overflowY;
-
-    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
-      return node;
-    }
-
-    node = node.parentNode;
-  }
-
-  return root;
-}
+import { c as canUseDom, g as getScrollParent } from './get-scroll-parent-3dcd3f53.js';
 
 function bound(position, min, max) {
   var ret = position;

package/dist/esm/Radio.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", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange"];
+var _excluded = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange", "iconClassPrefix", "iconFontClassName"];
 
 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; }
 
@@ -41,6 +41,8 @@ var Radio = function Radio(props) {
       iconActiveName = props.iconActiveName,
       iconSize = props.iconSize,
       onChange = props.onChange,
+      iconClassPrefix = props.iconClassPrefix,
+      iconFontClassName = props.iconFontClassName,
       rest = _objectWithoutProperties(props, _excluded);
 
   var componentName = 'nut-radio';
@@ -96,8 +98,8 @@ var Radio = function Radio(props) {
         iconSize = props.iconSize,
         iconActiveName = props.iconActiveName;
     return React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: checkedStatement ? iconActiveName : iconName,
       size: iconSize,
       className: color()

package/dist/esm/Rate.js

@@ -40,7 +40,9 @@ var Rate = function Rate(props) {
       readonly = _defaultProps$props.readonly,
       allowHalf = _defaultProps$props.allowHalf,
       spacing = _defaultProps$props.spacing,
-      onChange = _defaultProps$props.onChange;
+      onChange = _defaultProps$props.onChange,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName;
 
   var b = cn('rate');
   var bi = cn('rate-item');
@@ -81,7 +83,7 @@ var Rate = function Rate(props) {
       value = index;
 
       if (allowHalf) {
-        if (e !== null && e !== void 0 && e.target.className.includes('__icon--half')) {
+        if ((e === null || e === void 0 ? void 0 : e.target).className.includes('__icon--half')) {
           value -= 0.5;
         }
       }
@@ -104,22 +106,22 @@ var Rate = function Rate(props) {
         marginRight: pxCheck(spacing)
       }
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       size: iconSize,
       className: "".concat(bi('icon'), " ").concat(disabled || n > score ? bi('icon--disabled') : ''),
       name: n <= score ? checkedIcon : uncheckedIcon,
       color: n <= score ? activeColor : voidColor
     }), allowHalf && score > n - 1 && React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "".concat(bi('icon'), " ").concat(bi('icon--half')),
       color: n <= score ? activeColor : voidColor,
       size: iconSize,
       name: checkedIcon
     }), allowHalf && score < n - 1 && React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       className: "".concat(bi('icon'), " ").concat(bi('icon--disabled'), " ").concat(bi('icon--half')),
       color: voidColor,
       size: iconSize,

package/dist/esm/SearchBar.js

@@ -68,7 +68,9 @@ var SearchBar = function SearchBar(props) {
       onClickLeftinIcon = _defaultProps$props.onClickLeftinIcon,
       onClickLeftoutIcon = _defaultProps$props.onClickLeftoutIcon,
       onClickRightinIcon = _defaultProps$props.onClickRightinIcon,
-      onClickRightoutIcon = _defaultProps$props.onClickRightoutIcon;
+      onClickRightoutIcon = _defaultProps$props.onClickRightoutIcon,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName;
 
   var alignClass = "".concat(align);
 
@@ -194,8 +196,8 @@ var SearchBar = function SearchBar(props) {
         return clearaVal(e);
       }
     }, React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: "circle-close",
       size: "12",
       color: "#555"

package/dist/esm/ShortPassword.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 = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete"];
+var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete", "iconClassPrefix", "iconFontClassName"];
 
 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; }
 
@@ -56,6 +56,8 @@ var ShortPassword = function ShortPassword(props) {
       onCancel = props.onCancel,
       onClose = props.onClose,
       onComplete = props.onComplete,
+      iconClassPrefix = props.iconClassPrefix,
+      iconFontClassName = props.iconFontClassName,
       reset = _objectWithoutProperties(props, _excluded);
 
   var b = cn('shortpassword');
@@ -191,8 +193,8 @@ var ShortPassword = function ShortPassword(props) {
   }, errorMsg), tips || locale.shortpassword.tips ? React__default.createElement("div", {
     className: b('message__forget')
   }, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "icon",
     size: "11px",
     name: "tips"

package/dist/esm/Step.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "content", "activeIndex", "icon", "iconColor", "size", "className", "renderContent"];
+var _excluded = ["children", "title", "content", "activeIndex", "icon", "iconColor", "size", "className", "renderContent", "iconClassPrefix", "iconFontClassName"];
 
 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; }
 
@@ -34,6 +34,8 @@ var Step = function Step(props) {
       size = _defaultProps$props.size,
       className = _defaultProps$props.className,
       renderContent = _defaultProps$props.renderContent,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var parent = useContext(DataContext);
@@ -81,8 +83,8 @@ var Step = function Step(props) {
   }), React__default.createElement("div", {
     className: renderIconClass()
   }, icon ? React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     className: "nut-step-icon-inner",
     color: iconColor,
     name: icon,

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

@@ -0,0 +1,2 @@
+
+import '../../../packages/sticky/sticky.scss'

package/dist/esm/Sticky.js

@@ -0,0 +1,209 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["position", "top", "bottom", "zIndex", "children", "container", "className", "onChange"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useRef, useEffect, useState, useCallback } from 'react';
+import { g as getScrollParent } from './get-scroll-parent-3dcd3f53.js';
+import { g as getRect } from './useClientRect-839d18c5.js';
+
+function useWatch(dep, callback) {
+  var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    immediate: false
+  };
+  var immediate = config.immediate;
+  var prev = useRef();
+  var inited = useRef(false);
+  var stop = useRef(false);
+  useEffect(function () {
+    var execute = function execute() {
+      return callback(prev.current);
+    };
+
+    if (!stop.current) {
+      if (!inited.current) {
+        inited.current = true;
+
+        if (immediate) {
+          execute();
+        }
+      } else {
+        execute();
+      }
+
+      prev.current = dep;
+    }
+  }, [dep]);
+  return function () {
+    stop.current = true;
+  };
+}
+
+var Sticky = function Sticky(props) {
+  var _useState5;
+
+  var _props$position = props.position,
+      position = _props$position === void 0 ? 'top' : _props$position,
+      _props$top = props.top,
+      top = _props$top === void 0 ? 0 : _props$top,
+      _props$bottom = props.bottom,
+      bottom = _props$bottom === void 0 ? 0 : _props$bottom,
+      _props$zIndex = props.zIndex,
+      zIndex = _props$zIndex === void 0 ? 2000 : _props$zIndex,
+      children = props.children,
+      container = props.container,
+      className = props.className,
+      onChange = props.onChange,
+      rest = _objectWithoutProperties(props, _excluded); // const { locale } = useConfig()
+
+
+  var stickyRef = useRef(null);
+  var rootRef = useRef(null);
+  var offset = position === 'top' ? top : bottom;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isFixed = _useState2[0],
+      setIsFixed = _useState2[1];
+
+  var _useState3 = useState((_useState5 = {}, _defineProperty(_useState5, position, "".concat(offset, "px")), _defineProperty(_useState5, "zIndex", zIndex), _useState5)),
+      _useState4 = _slicedToArray(_useState3, 2),
+      stickyStyle = _useState4[0],
+      setStickyStyle = _useState4[1];
+
+  var _useState6 = useState({}),
+      _useState7 = _slicedToArray(_useState6, 2),
+      rootStyle = _useState7[0],
+      setRootStyle = _useState7[1];
+
+  var getElement = useCallback(function () {
+    // if (!rootRef.current) return Window
+    return getScrollParent(rootRef.current);
+  }, []);
+  useEffect(function () {
+    if (position === 'top') return;
+    var containerEle = container === null || container === void 0 ? void 0 : container.current;
+    if (!rootRef.current && !containerEle) return;
+    var rootRect = getRect(rootRef.current);
+    var containerRect = getRect(containerEle);
+    var clientHeight = document.documentElement.clientHeight;
+    var stCurrent = stickyRef.current;
+    var stickyRect = getRect(stCurrent);
+    var fixed = clientHeight - bottom < rootRect.bottom;
+
+    if (containerEle) {
+      fixed = containerRect.bottom > clientHeight - bottom - stickyRect.height && clientHeight - bottom - stickyRect.height > containerRect.top;
+    }
+
+    var defaultPostVal = fixed ? 'fixed' : 'inherit';
+    setStickyStyle(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        position: defaultPostVal
+      });
+    });
+    setIsFixed(fixed);
+  }, [position, container, bottom]);
+  var handleScroll = useCallback(function () {
+    var containerEle = container === null || container === void 0 ? void 0 : container.current;
+    if (!rootRef.current && !containerEle) return;
+    var rootRect = getRect(rootRef.current);
+    var stCurrent = stickyRef.current;
+    var stickyRect = getRect(stCurrent);
+    var containerRect = getRect(containerEle);
+
+    if (rootRect.height) {
+      setRootStyle(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          height: rootRect.height
+        });
+      });
+    }
+
+    if (position === 'top') {
+      //  containerRect.bottom > top + stickyRect.height
+      if (containerEle) {
+        var fixed = top > rootRect.top && containerRect.bottom > 0;
+        var positionVal = fixed ? 'fixed' : 'inherit';
+        var diff = containerRect.bottom - top - stickyRect.height;
+        var transform = diff < 0 ? diff : 0;
+        setStickyStyle(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            position: positionVal,
+            transform: "translate3d(0, ".concat(transform, "px, 0)")
+          });
+        });
+        setIsFixed(fixed);
+      } else {
+        var _fixed = top > rootRect.top;
+
+        var _positionVal = _fixed ? 'fixed' : 'inherit';
+
+        setStickyStyle(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            position: _positionVal
+          });
+        });
+        setIsFixed(_fixed);
+      }
+    } else {
+      var clientHeight = document.documentElement.clientHeight;
+
+      if (containerEle) {
+        // clientHeight - bottom - stickyRect.height
+        var _fixed2 = containerRect.bottom > 0 && clientHeight - bottom - stickyRect.height > containerRect.top;
+
+        var _positionVal2 = _fixed2 ? 'fixed' : 'inherit';
+
+        var _diff = containerRect.bottom - (clientHeight - bottom);
+
+        var _transform = _diff < 0 ? _diff : 0;
+
+        setStickyStyle(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            position: _positionVal2,
+            transform: "translate3d(0, ".concat(_transform, "px, 0)")
+          });
+        });
+        setIsFixed(_fixed2);
+      } else {
+        var _fixed3 = clientHeight - bottom < rootRect.bottom;
+
+        var _positionVal3 = _fixed3 ? 'fixed' : 'inherit';
+
+        setStickyStyle(function (prev) {
+          return _objectSpread(_objectSpread({}, prev), {}, {
+            position: _positionVal3
+          });
+        });
+        setIsFixed(_fixed3);
+      }
+    }
+  }, [position, bottom, container, top]);
+  useWatch(isFixed, function () {
+    onChange && onChange(isFixed);
+  });
+  useEffect(function () {
+    var el = getElement();
+    el.addEventListener('scroll', handleScroll, false);
+    return function () {
+      el.removeEventListener('tap', handleScroll);
+    };
+  }, [getElement, handleScroll]);
+  return React__default.createElement("div", _objectSpread({
+    ref: rootRef,
+    style: rootStyle,
+    className: "nut-sticky ".concat(className)
+  }, rest), React__default.createElement("div", {
+    className: "nut-sticky-box",
+    ref: stickyRef,
+    style: stickyStyle
+  }, children));
+}; // Sticky.defaultProps = defaultProps
+
+
+Sticky.displayName = 'NutSticky';
+export { Sticky as default };

package/dist/esm/TabbarItem.js

@@ -41,7 +41,9 @@ var TabbarItem = function TabbarItem(props) {
       activeColor = _defaultProps$props.activeColor,
       unactiveColor = _defaultProps$props.unactiveColor,
       index = _defaultProps$props.index,
-      handleClick = _defaultProps$props.handleClick;
+      handleClick = _defaultProps$props.handleClick,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName;
 
   var b = cn('tabbar-item');
   var bIcon = cn('tabbar-item__icon-box');
@@ -75,8 +77,8 @@ var TabbarItem = function TabbarItem(props) {
   }, "99+")) : React__default.createElement("div", {
     className: "".concat(bIcon('dot'))
   }), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     size: size,
     name: icon
   })), React__default.createElement("div", {