@nutui/nutui-react 1.3.5 → 1.3.7

package/dist/esm/Divider.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "contentPosition", "dashed", "hairline", "styles", "className", "direction"];
-
 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 classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
@@ -16,20 +13,17 @@ var defaultProps = {
   hairline: true,
   direction: 'horizontal'
 };
-
 var Divider = function Divider(props) {
   var _classNames, _classNames2;
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      contentPosition = _defaultProps$props.contentPosition,
-      dashed = _defaultProps$props.dashed,
-      hairline = _defaultProps$props.hairline,
-      styles = _defaultProps$props.styles,
-      className = _defaultProps$props.className,
-      direction = _defaultProps$props.direction,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    contentPosition = _defaultProps$props.contentPosition,
+    dashed = _defaultProps$props.dashed,
+    hairline = _defaultProps$props.hairline,
+    styles = _defaultProps$props.styles,
+    className = _defaultProps$props.className,
+    direction = _defaultProps$props.direction,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var dividerBem = cn('divider');
   var classes = direction === 'horizontal' ? classNames((_classNames = {}, _defineProperty(_classNames, dividerBem(), true), _defineProperty(_classNames, dividerBem('center'), children), _defineProperty(_classNames, dividerBem('left'), contentPosition === 'left'), _defineProperty(_classNames, dividerBem('right'), contentPosition === 'right'), _defineProperty(_classNames, dividerBem('dashed'), dashed), _defineProperty(_classNames, dividerBem('hairline'), hairline), _classNames)) : classNames((_classNames2 = {}, _defineProperty(_classNames2, dividerBem(), true), _defineProperty(_classNames2, dividerBem('vertical'), direction === 'vertical'), _classNames2));
   return React__default.createElement("div", _objectSpread({
@@ -37,7 +31,6 @@ var Divider = function Divider(props) {
     style: styles
   }, rest), children);
 };
-
 Divider.defaultProps = defaultProps;
 Divider.displayName = 'NutDivider';
 export { Divider as default };

package/dist/esm/Drag.js

@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["attract", "direction", "boundary", "children", "className", "style"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useRef, useEffect } from 'react';
 import { useDrag } from '@use-gesture/react';
 import { useSpring, animated } from '@react-spring/web';
@@ -23,53 +20,45 @@ var defaultProps = {
   },
   className: ''
 };
-
 var Drag = function Drag(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      attract = _defaultProps$props.attract,
-      direction = _defaultProps$props.direction,
-      boundary = _defaultProps$props.boundary,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      reset = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    attract = _defaultProps$props.attract,
+    direction = _defaultProps$props.direction,
+    boundary = _defaultProps$props.boundary,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    reset = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('drag');
-
   var _useState = useState(boundary),
-      _useState2 = _slicedToArray(_useState, 2),
-      boundaryState = _useState2[0],
-      setBoundaryState = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    boundaryState = _useState2[0],
+    setBoundaryState = _useState2[1];
   var myDrag = useRef(null);
-
   var _useSpring = useSpring(function () {
-    return {
-      x: 0,
-      y: 0
-    };
-  }),
-      _useSpring2 = _slicedToArray(_useSpring, 2),
-      currstyle = _useSpring2[0],
-      api = _useSpring2[1];
-
+      return {
+        x: 0,
+        y: 0
+      };
+    }),
+    _useSpring2 = _slicedToArray(_useSpring, 2),
+    currstyle = _useSpring2[0],
+    api = _useSpring2[1];
   var middleLine = useRef(0);
-
   var getInfo = function getInfo() {
     var el = myDrag.current;
-
     if (el) {
       var offsetWidth = el.offsetWidth,
-          offsetHeight = el.offsetHeight,
-          offsetTop = el.offsetTop,
-          offsetLeft = el.offsetLeft;
+        offsetHeight = el.offsetHeight,
+        offsetTop = el.offsetTop,
+        offsetLeft = el.offsetLeft;
       var _document$documentEle = document.documentElement,
-          clientWidth = _document$documentEle.clientWidth,
-          clientHeight = _document$documentEle.clientHeight;
+        clientWidth = _document$documentEle.clientWidth,
+        clientHeight = _document$documentEle.clientHeight;
       var top = boundary.top,
-          left = boundary.left,
-          bottom = boundary.bottom,
-          right = boundary.right;
+        left = boundary.left,
+        bottom = boundary.bottom,
+        right = boundary.right;
       setBoundaryState({
         top: -offsetTop + top,
         left: -offsetLeft + left,
@@ -79,20 +68,17 @@ var Drag = function Drag(props) {
       middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
     }
   };
-
   var bind = useDrag(function (_ref) {
     var down = _ref.down,
-        last = _ref.last,
-        _ref$offset = _slicedToArray(_ref.offset, 2),
-        x = _ref$offset[0],
-        y = _ref$offset[1];
-
+      last = _ref.last,
+      _ref$offset = _slicedToArray(_ref.offset, 2),
+      x = _ref$offset[0],
+      y = _ref$offset[1];
     api.start({
       x: x,
       y: y,
       immediate: down
     });
-
     if (last) {
       if (props.direction !== 'y' && props.attract) {
         if (x < middleLine.current) {
@@ -129,7 +115,6 @@ var Drag = function Drag(props) {
     style: currstyle
   }, bind()), children));
 };
-
 Drag.defaultProps = defaultProps;
 Drag.displayName = 'NutDrag';
 export { Drag as default };

package/dist/esm/Elevator.js

@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "onClickItem", "onClickIndex", "children"];
-
 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, { createContext, useRef, useState, useEffect } from 'react';
 import { useGesture } from '@use-gesture/react';
 import { animated } from '@react-spring/web';
@@ -22,21 +19,19 @@ var defaultProps = {
   titleHeight: 35,
   className: ''
 };
-
 var Elevator = function Elevator(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      height = _defaultProps$props.height,
-      acceptKey = _defaultProps$props.acceptKey,
-      indexList = _defaultProps$props.indexList,
-      isSticky = _defaultProps$props.isSticky,
-      spaceHeight = _defaultProps$props.spaceHeight,
-      titleHeight = _defaultProps$props.titleHeight,
-      className = _defaultProps$props.className,
-      onClickItem = _defaultProps$props.onClickItem,
-      onClickIndex = _defaultProps$props.onClickIndex,
-      children = _defaultProps$props.children,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    height = _defaultProps$props.height,
+    acceptKey = _defaultProps$props.acceptKey,
+    indexList = _defaultProps$props.indexList,
+    isSticky = _defaultProps$props.isSticky,
+    spaceHeight = _defaultProps$props.spaceHeight,
+    titleHeight = _defaultProps$props.titleHeight,
+    className = _defaultProps$props.className,
+    onClickItem = _defaultProps$props.onClickItem,
+    onClickIndex = _defaultProps$props.onClickIndex,
+    children = _defaultProps$props.children,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('elevator');
   var listview = useRef(null);
   var initData = {
@@ -51,93 +46,74 @@ var Elevator = function Elevator(props) {
     y1: 0,
     y2: 0
   });
-
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      scrollY = _useState2[0],
-      setScrollY = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollY = _useState2[0],
+    setScrollY = _useState2[1];
   var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentData = _useState4[0],
-      setCurrentData = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentData = _useState4[0],
+    setCurrentData = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currentKey = _useState6[0],
-      setCurrentKey = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentKey = _useState6[0],
+    setCurrentKey = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      currentIndex = _useState8[0],
-      setCurrentIndex = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    currentIndex = _useState8[0],
+    setCurrentIndex = _useState8[1];
   var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      codeIndex = _useState10[0],
-      setCodeIndex = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    codeIndex = _useState10[0],
+    setCodeIndex = _useState10[1];
   var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      scrollStart = _useState12[0],
-      setScrollStart = _useState12[1];
-
-  var state = useRef(initData); // 重置滚动参数
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    scrollStart = _useState12[0],
+    setScrollStart = _useState12[1];
+  var state = useRef(initData);
+  // 重置滚动参数
   var resetScrollState = function resetScrollState() {
     setScrollStart(false);
   };
-
   var clientHeight = function clientHeight() {
     return listview.current ? listview.current.clientHeight : 0;
   };
-
   var getData = function getData(el, name) {
     var prefix = 'data-';
     return el.getAttribute(prefix + name);
   };
-
   var calculateHeight = function calculateHeight() {
     var height = 0;
     state.current.listHeight.push(height);
-
     for (var i = 0; i < state.current.listGroup.length; i++) {
       var item = state.current.listGroup[i];
       height += item.clientHeight;
       state.current.listHeight.push(height);
     }
   };
-
   var scrollTo = function scrollTo(index) {
     if (!index && index !== 0) {
       return;
     }
-
     if (!state.current.listHeight.length) {
       calculateHeight();
     }
-
     var cacheIndex = index;
-
     if (index < 0) {
       cacheIndex = 0;
     }
-
     if (index > state.current.listHeight.length - 2) {
       cacheIndex = state.current.listHeight.length - 2;
     }
-
     setCodeIndex(cacheIndex);
-
     if (listview.current) {
       listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
     }
   };
-
   var bind = useGesture({
     onDragStart: function onDragStart(_ref) {
       var target = _ref.target,
-          offset = _ref.offset;
+        offset = _ref.offset;
       setScrollStart(true);
       var index = Number(getData(target, 'index'));
       touchState.current.y1 = offset[1];
@@ -150,25 +126,22 @@ var Elevator = function Elevator(props) {
     onDragEnd: function onDragEnd(_ref2) {
       var offset = _ref2.offset;
       touchState.current.y2 = offset[1];
-      var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0; // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
-
+      var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
+      // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
       var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
       setCodeIndex(cacheIndex);
       scrollTo(cacheIndex);
       resetScrollState();
     }
   });
-
   var handleClickItem = function handleClickItem(key, item) {
     onClickItem && onClickItem(key, item);
     setCurrentData(item);
     setCurrentKey(key);
   };
-
   var handleClickIndex = function handleClickIndex(key) {
     onClickIndex && onClickIndex(key);
   };
-
   var setListGroup = function setListGroup() {
     if (listview.current) {
       var els = listview.current.querySelectorAll('.nut-elevator__list__item');
@@ -179,33 +152,26 @@ var Elevator = function Elevator(props) {
       });
     }
   };
-
   var listViewScroll = function listViewScroll(e) {
     var listHeight = state.current.listHeight;
-
     if (!listHeight.length) {
       calculateHeight();
     }
-
     var target = e.target;
     var scrollTop = target.scrollTop;
     state.current.scrollY = scrollTop;
     setScrollY(scrollTop);
-
     for (var i = 0; i < listHeight.length - 1; i++) {
       var height1 = listHeight[i];
       var height2 = listHeight[i + 1];
-
       if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
         setCurrentIndex(i);
         state.current.diff = height2 - state.current.scrollY;
         return;
       }
     }
-
     setCurrentIndex(listHeight.length - 2);
   };
-
   useEffect(function () {
     if (listview.current) {
       setListGroup();
@@ -214,17 +180,15 @@ var Elevator = function Elevator(props) {
   }, [listview]);
   useEffect(function () {
     var _state$current = state.current,
-        listHeight = _state$current.listHeight,
-        diff = _state$current.diff,
-        scrollY = _state$current.scrollY;
+      listHeight = _state$current.listHeight,
+      diff = _state$current.diff,
+      scrollY = _state$current.scrollY;
     var fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
-
     if (scrollY + clientHeight() === listHeight[listHeight.length - 1]) {
       if (fixedTop !== 0) {
         fixedTop = 0;
       }
     }
-
     if (state.current.fixedTop === fixedTop) return;
     state.current.fixedTop = fixedTop;
   }, [state.current.diff, titleHeight]);
@@ -286,7 +250,6 @@ var Elevator = function Elevator(props) {
     }, item[acceptKey]);
   }))));
 };
-
 Elevator.defaultProps = defaultProps;
 Elevator.displayName = 'NutElevator';
 export { Elevator as default };

package/dist/esm/Empty.js

@@ -2,19 +2,16 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["image", "imageSize", "description", "children", "className"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
+
 /**
  * 内置图片地址
  */
-
 var defaultStatus = {
   empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
   error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
@@ -26,29 +23,23 @@ var defaultProps = {
   imageSize: '',
   className: ''
 };
-
 var Empty = function Empty(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   defaultProps.description = locale.noData || defaultProps.description;
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      image = _defaultProps$props.image,
-      imageSize = _defaultProps$props.imageSize,
-      description = _defaultProps$props.description,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    image = _defaultProps$props.image,
+    imageSize = _defaultProps$props.imageSize,
+    description = _defaultProps$props.description,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState({}),
-      _useState2 = _slicedToArray(_useState, 2),
-      imgStyle = _useState2[0],
-      setImgStyle = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    imgStyle = _useState2[0],
+    setImgStyle = _useState2[1];
   var b = cn('empty');
   var imageNode = image;
-
   if (typeof image === 'string') {
     var isHttpUrl = image.startsWith('https://') || image.startsWith('http://') || image.startsWith('//');
     var imageUrl = isHttpUrl ? image : defaultStatus[image];
@@ -58,20 +49,17 @@ var Empty = function Empty(props) {
       alt: "empty"
     });
   }
-
   useEffect(function () {
     setImgStyle(function () {
       if (!imageSize) {
         return {};
       }
-
       if (typeof imageSize === 'number') {
         return {
           width: "".concat(imageSize, "px"),
           height: "".concat(imageSize, "px")
         };
       }
-
       return {
         width: imageSize,
         height: imageSize
@@ -89,7 +77,6 @@ var Empty = function Empty(props) {
     description: description
   }, children));
 };
-
 Empty.defaultProps = defaultProps;
 Empty.displayName = 'NutEmpty';
 export { Empty as default };

package/dist/esm/FixedNav.js

@@ -1,11 +1,8 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn", "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; }
-
 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 classNames from 'classnames';
 import Icon from './Icon.js';
@@ -14,7 +11,6 @@ import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   fixednavClass: 'nut-fixednav',
   activeText: '',
@@ -25,49 +21,43 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
     bottom: 'auto'
   }
 });
-
 var FixedNav = function FixedNav(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      fixednavClass = _defaultProps$props.fixednavClass,
-      overlay = _defaultProps$props.overlay,
-      visible = _defaultProps$props.visible,
-      navList = _defaultProps$props.navList,
-      activeText = _defaultProps$props.activeText,
-      unActiveText = _defaultProps$props.unActiveText,
-      position = _defaultProps$props.position,
-      onChange = _defaultProps$props.onChange,
-      onSelected = _defaultProps$props.onSelected,
-      type = _defaultProps$props.type,
-      slotList = _defaultProps$props.slotList,
-      slotBtn = _defaultProps$props.slotBtn,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    fixednavClass = _defaultProps$props.fixednavClass,
+    overlay = _defaultProps$props.overlay,
+    visible = _defaultProps$props.visible,
+    navList = _defaultProps$props.navList,
+    activeText = _defaultProps$props.activeText,
+    unActiveText = _defaultProps$props.unActiveText,
+    position = _defaultProps$props.position,
+    onChange = _defaultProps$props.onChange,
+    onSelected = _defaultProps$props.onSelected,
+    type = _defaultProps$props.type,
+    slotList = _defaultProps$props.slotList,
+    slotBtn = _defaultProps$props.slotBtn,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('fixednav');
   var classes = classNames({
     active: visible
   }, type, fixednavClass, b(''));
-
   var onSelectCb = function onSelectCb(event, item) {
     onSelected(item, event);
   };
-
   var onUpdateValue = function onUpdateValue() {
     var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !visible;
     onChange(value);
-  }; // const [classNames, setClassNames] = useState('')
+  };
+  // const [classNames, setClassNames] = useState('')
   // const classes = () => {
   //   return `${fixednavClass} ${type} ${visible ? 'active' : ''}`
   // }
   // useEffect(() => {
   //   setClassNames(classes())
   // }, [visible])
-
-
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: position
@@ -110,7 +100,6 @@ var FixedNav = function FixedNav(props) {
     className: "text"
   }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
 };
-
 FixedNav.defaultProps = defaultProps;
 FixedNav.displayName = 'NutFixedNav';
 export { FixedNav as default };