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

package/dist/esm/Address.js

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

package/dist/esm/Animate.js

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

package/dist/esm/Audio.js

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

package/dist/esm/Badge.js

@@ -1,3 +1,4 @@
+import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -22,28 +23,23 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
 import { C as ComponentDefaults } from "./typings.js";
-import "@bem-react/classname";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: "",
   value: "",
   dot: false,
-  max: 1e4,
+  max: 99,
   top: "0",
-  right: "0",
-  zIndex: "0",
-  color: "",
-  icon: null
+  right: "5",
+  color: ""
 });
-var b = cn("badge");
 var Badge = function Badge2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, dot = _defaultProps$props.dot, top = _defaultProps$props.top, right = _defaultProps$props.right, zIndex = _defaultProps$props.zIndex, color = _defaultProps$props.color, icon = _defaultProps$props.icon;
+  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)
-      return void 0;
-    var value = props.value;
-    var max = props.max;
+    if (dot || _typeof(value) === "object")
+      return null;
     if (typeof value === "number" && typeof max === "number") {
       return max < value ? "".concat(max, "+") : value;
     }
@@ -53,19 +49,16 @@ var Badge = function Badge2(props) {
     var style2 = {};
     style2.top = "".concat(Number(top) || parseFloat(top) || 0, "px");
     style2.right = "".concat(Number(right) || parseFloat(right) || 0, "px");
-    style2.zIndex = zIndex;
     style2.background = color;
     return style2;
   };
   return React__default.createElement("div", {
-    className: classNames(b(), className),
+    className: classes,
     style
-  }, icon && React__default.createElement("div", {
-    className: "slot-icon"
-  }, icon), React__default.createElement("div", null, children), React__default.createElement("div", {
-    className: classNames({
-      "is-dot": dot
-    }, b("content"), "sup"),
+  }, _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()));
 };

package/dist/esm/Cascader.js

@@ -651,7 +651,7 @@ var InternalCascader = function InternalCascader2(props, ref) {
     }))));
   };
   return React__default.createElement(React__default.Fragment, null, poppable ? React__default.createElement(Popup, {
-    popClass: "cascadar-popup",
+    className: "cascadar-popup",
     visible,
     position: "bottom",
     round: true,

package/dist/esm/Col.js

@@ -24,13 +24,14 @@ function _objectSpread(target) {
 import React__default, { useState, useContext, useEffect } from "react";
 import classNames from "classnames";
 import { D as DataContext } from "./UserContext.js";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   span: "24",
   offset: "0",
   gutter: "0"
-};
+});
 var Col = function Col2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, _defaultProps$props$s = _defaultProps$props.style, style = _defaultProps$props$s === void 0 ? {} : _defaultProps$props$s, span = _defaultProps$props.span, offset = _defaultProps$props.offset, children = _defaultProps$props.children, _onClick = _defaultProps$props.onClick;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, span = _defaultProps$props.span, offset = _defaultProps$props.offset, children = _defaultProps$props.children, _onClick = _defaultProps$props.onClick;
   var _useState = useState(""), _useState2 = _slicedToArray(_useState, 2), colName = _useState2[0], setColName = _useState2[1];
   var _useState3 = useState({}), _useState4 = _slicedToArray(_useState3, 2), colStyle = _useState4[0], setColStyle = _useState4[1];
   var _useContext = useContext(DataContext), gutter = _useContext.gutter;

package/dist/esm/Divider.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "contentPosition", "style", "className", "direction"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -24,10 +24,11 @@ function _objectSpread(target) {
 }
 import React__default from "react";
 import classNames from "classnames";
-var defaultProps = {
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   contentPosition: "center",
   direction: "horizontal"
-};
+});
 var classPrefix = "nut-divider";
 var Divider = function Divider2(props) {
   var _classNames, _classNames2;

package/dist/esm/Drag.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["attract", "direction", "boundary", "children", "className", "style"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -26,9 +26,8 @@ function _objectSpread(target) {
 import React__default, { useState, useRef, useEffect } from "react";
 import { useDrag } from "@use-gesture/react";
 import { useSpring, animated } from "@react-spring/web";
-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), {}, {
   attract: false,
   direction: void 0,
   boundary: {
@@ -36,12 +35,11 @@ var defaultProps = {
     left: 0,
     right: 0,
     bottom: 0
-  },
-  className: ""
-};
+  }
+});
 var Drag = function Drag2(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);
-  var b = cn("drag");
+  var classPrefix = "nut-drag";
   var _useState = useState(boundary), _useState2 = _slicedToArray(_useState, 2), boundaryState = _useState2[0], setBoundaryState = _useState2[1];
   var myDrag = useRef(null);
   var _useSpring = useSpring(function() {
@@ -102,7 +100,7 @@ var Drag = function Drag2(props) {
   }, [myDrag]);
   return React__default.createElement("div", _objectSpread(_objectSpread({
     style,
-    className: "".concat(b(), " ").concat(className)
+    className: "".concat(classPrefix, " ").concat(className)
   }, reset), {}, {
     ref: myDrag
   }), React__default.createElement(animated.div, _objectSpread({

package/dist/esm/Elevator.js

@@ -1,7 +1,7 @@
 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"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "className", "style", "onClickItem", "onClickIndex", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -26,21 +26,21 @@ function _objectSpread(target) {
 import React__default, { createContext, useRef, useState, useEffect } from "react";
 import { useGesture } from "@use-gesture/react";
 import { animated } from "@react-spring/web";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
 var elevatorContext = createContext({});
-var defaultProps = {
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   height: "200px",
-  acceptKey: "title",
-  indexList: [],
-  isSticky: false,
+  floorKey: "title",
+  list: [],
+  sticky: false,
   spaceHeight: 23,
-  titleHeight: 35,
-  className: ""
-};
+  titleHeight: 35
+});
 var Elevator = function Elevator2(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);
-  var b = cn("elevator");
+  var _classNames2;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), height = _defaultProps$props.height, floorKey = _defaultProps$props.floorKey, list = _defaultProps$props.list, sticky = _defaultProps$props.sticky, spaceHeight = _defaultProps$props.spaceHeight, titleHeight = _defaultProps$props.titleHeight, className = _defaultProps$props.className, style = _defaultProps$props.style, onClickItem = _defaultProps$props.onClickItem, onClickIndex = _defaultProps$props.onClickIndex, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-elevator";
   var listview = useRef(null);
   var initData = {
     anchorIndex: 0,
@@ -160,61 +160,58 @@ var Elevator = function Elevator2(props) {
     }
   }, [listview]);
   return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
-    className: b("list__fixed")
+    className: "".concat(classPrefix, " ").concat(className),
+    style
+  }, rest), sticky && scrollY > 0 ? React__default.createElement("div", {
+    className: "".concat(classPrefix, "__list__fixed")
   }, React__default.createElement("span", {
-    className: "fixed-title"
-  }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
-    className: b("list"),
+    className: "".concat(classPrefix, "__list__fixed__title")
+  }, list[currentIndex][floorKey])) : null, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__list"),
     style: {
       height: Number.isNaN(+height) ? height : "".concat(height, "px")
     }
   }, React__default.createElement("div", {
-    className: b("list__inner"),
+    className: "".concat(classPrefix, "__list__inner"),
     ref: listview
-  }, indexList.map(function(item, idx) {
+  }, list.map(function(item, idx) {
     return React__default.createElement("div", {
-      className: b("list__item"),
+      className: "".concat(classPrefix, "__list__item"),
       key: idx
     }, React__default.createElement("div", {
-      className: b("list__item__code")
-    }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function(subitem) {
+      className: "".concat(classPrefix, "__list__item__code")
+    }, item[floorKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function(subitem) {
+      var _classNames;
       return React__default.createElement("div", {
-        className: b("list__item__name", {
-          highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
-        }),
+        className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "__list__item__name"), true), _defineProperty(_classNames, "".concat(classPrefix, "__list__item__name--highcolor"), currentData.id === subitem.id && currentKey === item[floorKey]), _classNames)),
         key: subitem.id,
         onClick: function onClick() {
-          return handleClickItem(item[acceptKey], subitem);
+          return handleClickItem(item[floorKey], subitem);
         }
       }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
         value: subitem
       }, children)) : subitem.name);
     })));
-  }))), indexList.length && scrollStart ? React__default.createElement("div", {
-    className: b("code--current", {
-      current: true
-    })
-  }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
-    className: b("bars")
+  }))), list.length && scrollStart ? React__default.createElement("div", {
+    className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__code--current"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__code--current--current"), true), _classNames2))
+  }, list[codeIndex][floorKey]) : null, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__bars")
   }, React__default.createElement(animated.div, _objectSpread(_objectSpread({
-    className: b("bars__inner")
+    className: "".concat(classPrefix, "__bars__inner")
   }, bind()), {}, {
     style: {
       touchAction: "pan-y"
     }
-  }), indexList.map(function(item, index) {
+  }), list.map(function(item, index) {
+    var _classNames3;
     return React__default.createElement("div", {
-      className: b("bars__inner__item", {
-        active: item[acceptKey] === indexList[currentIndex][acceptKey]
-      }),
+      className: classNames((_classNames3 = {}, _defineProperty(_classNames3, "".concat(classPrefix, "__bars__inner__item"), true), _defineProperty(_classNames3, "".concat(classPrefix, "__bars__inner__item--active"), item[floorKey] === list[currentIndex][floorKey]), _classNames3)),
       "data-index": index,
       key: index,
       onClick: function onClick() {
-        return handleClickIndex(item[acceptKey]);
+        return handleClickIndex(item[floorKey]);
       }
-    }, item[acceptKey]);
+    }, item[floorKey]);
   }))));
 };
 Elevator.defaultProps = defaultProps;

package/dist/esm/ImagePreview.js

@@ -159,7 +159,7 @@ var ImagePreview = function ImagePreview2(props) {
   };
   return React__default.createElement(Popup, {
     visible: showPop,
-    popClass: "custom-pop",
+    className: "custom-pop",
     style: {
       width: "100%"
     },