@nutui/nutui-react 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/esm/Menu.js

@@ -27,7 +27,12 @@ function _objectSpread(target) {
 import React__default, { useRef, useState, useEffect } from "react";
 import classNames from "classnames";
 import { ArrowUp2, ArrowDown2 } from "@nutui/icons-react";
+import { M as MenuItem } from "./menuitem2.js";
 import { C as ComponentDefaults } from "./typings.js";
+import "react-transition-group";
+import "./overlay2.js";
+import "./use-click-away.js";
+import "./index.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   activeColor: "",
   closeOnOverlayClick: true,
@@ -67,7 +72,6 @@ var Menu = function Menu2(props) {
   };
   var hideMenuItem = function hideMenuItem2(index) {
     showMenuItem[index] = false;
-    console.log(_toConsumableArray(showMenuItem));
     setShowMenuItem(_toConsumableArray(showMenuItem));
   };
   var updateTitle = function updateTitle2(text, index) {
@@ -151,6 +155,7 @@ var Menu = function Menu2(props) {
 };
 Menu.defaultProps = defaultProps;
 Menu.displayName = "NutMenu";
+Menu.Item = MenuItem;
 export {
   Menu as default
 };

package/dist/esm/MenuItem.js

@@ -1,157 +1,12 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-import React__default, { forwardRef, useState, useEffect, useImperativeHandle, useRef } from "react";
-import classNames from "classnames";
-import { CSSTransition } from "react-transition-group";
-import { Check } from "@nutui/icons-react";
-import { O as Overlay } from "./overlay2.js";
-import { u as useClickAway } from "./use-click-away.js";
-import { C as ComponentDefaults } from "./typings.js";
+import { M as MenuItem } from "./menuitem2.js";
+import "react";
+import "classnames";
+import "react-transition-group";
+import "@nutui/icons-react";
+import "./overlay2.js";
+import "./typings.js";
+import "./use-click-away.js";
 import "./index.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  columns: 1,
-  direction: "down",
-  icon: null,
-  activeTitleClass: "",
-  inactiveTitleClass: "",
-  onChange: function onChange(value) {
-    return void 0;
-  }
-});
-var MenuItem = forwardRef(function(props, ref) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, options = _defaultProps$props.options, value = _defaultProps$props.value, columns = _defaultProps$props.columns, title = _defaultProps$props.title, icon = _defaultProps$props.icon, direction = _defaultProps$props.direction, onChange2 = _defaultProps$props.onChange, activeTitleClass = _defaultProps$props.activeTitleClass, inactiveTitleClass = _defaultProps$props.inactiveTitleClass, closeOnClickAway = _defaultProps$props.closeOnClickAway, children = _defaultProps$props.children, activeColor = _defaultProps$props.activeColor, show = _defaultProps$props.show, parent = _defaultProps$props.parent, index = _defaultProps$props.index;
-  var _useState = useState(show), _useState2 = _slicedToArray(_useState, 2), _showPopup = _useState2[0], setShowPopup = _useState2[1];
-  var _useState3 = useState(value), _useState4 = _slicedToArray(_useState3, 2), _value = _useState4[0], setValue = _useState4[1];
-  useEffect(function() {
-    setShowPopup(show);
-  }, [show]);
-  useImperativeHandle(ref, function() {
-    return {
-      toggle: parent.toggleMenuItem
-    };
-  });
-  var getIconCName = function getIconCName2(optionVal, value2) {
-    var _classNames;
-    return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value2), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value2), _classNames));
-  };
-  var setTitle = function setTitle2(text) {
-    if (!title) {
-      parent.updateTitle(text, index);
-    }
-  };
-  var handleClick = function handleClick2(item) {
-    parent.toggleMenuItem(index);
-    setTitle(item.text);
-    setValue(item.value);
-    onChange2 && onChange2(item);
-  };
-  var isShow = function isShow2() {
-    if (_showPopup)
-      return {};
-    return {
-      display: "none"
-    };
-  };
-  var getPosition = function getPosition2() {
-    return direction === "down" ? {
-      position: "absolute",
-      height: "".concat(window.innerHeight, "px")
-    } : {
-      position: "absolute",
-      bottom: "100%",
-      top: "auto",
-      height: "".concat(window.innerHeight, "px")
-    };
-  };
-  var micRef = useRef(null);
-  var targetSet = [micRef.current];
-  useClickAway(
-    function() {
-      parent.hideMenuItem(index);
-    },
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    targetSet,
-    "click",
-    false,
-    _showPopup,
-    closeOnClickAway
-  );
-  return React__default.createElement("div", {
-    className: "nut-menu-item-container",
-    ref: micRef,
-    style: {
-      position: "absolute",
-      left: 0,
-      right: 0
-    }
-  }, React__default.createElement(Overlay, {
-    className: "nut-menu__overlay",
-    style: getPosition(),
-    lockScroll: parent.lockScroll,
-    visible: _showPopup,
-    closeOnOverlayClick: parent.closeOnOverlayClick,
-    onClick: function onClick() {
-      parent.closeOnOverlayClick && parent.toggleMenuItem(index);
-    }
-  }), React__default.createElement("div", {
-    className: classNames(className, {
-      "nut-menu-item__wrap": direction === "down",
-      "nut-menu-item__wrap-up": direction !== "down"
-    }),
-    style: _objectSpread(_objectSpread({}, style), isShow())
-  }, React__default.createElement(CSSTransition, {
-    "in": _showPopup,
-    timeout: 100,
-    classNames: direction === "down" ? "menu-item" : "menu-item-up"
-  }, React__default.createElement("div", {
-    className: "nut-menu-item__content"
-  }, options === null || options === void 0 ? void 0 : options.map(function(item) {
-    return React__default.createElement("div", {
-      className: "nut-menu-item__option ".concat(classNames({
-        active: item.value === _value
-      })),
-      key: item.text,
-      style: {
-        flexBasis: "".concat(100 / columns, "%")
-      },
-      onClick: function onClick() {
-        handleClick(item);
-      }
-    }, item.value === _value ? React__default.createElement("i", null, icon || React__default.createElement(Check, {
-      color: activeColor,
-      className: getIconCName(item.value, value)
-    })) : null, React__default.createElement("div", {
-      className: getIconCName(item.value, value),
-      style: {
-        color: "".concat(item.value === _value ? activeColor : "")
-      }
-    }, item.text));
-  }), children))));
-});
-MenuItem.defaultProps = defaultProps;
-MenuItem.displayName = "NutMenuItem";
 export {
   MenuItem as default
 };

package/dist/esm/NavBar.js

@@ -34,7 +34,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var NavBar = function NavBar2(props) {
   var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), right = _defaultProps$props.right, left = _defaultProps$props.left, className = _defaultProps$props.className, style = _defaultProps$props.style, back = _defaultProps$props.back, fixed = _defaultProps$props.fixed, safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop, placeholder = _defaultProps$props.placeholder, zIndex = _defaultProps$props.zIndex, onClickBack = _defaultProps$props.onClickBack;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), right = _defaultProps$props.right, left = _defaultProps$props.left, className = _defaultProps$props.className, style = _defaultProps$props.style, back = _defaultProps$props.back, fixed = _defaultProps$props.fixed, safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop, placeholder = _defaultProps$props.placeholder, zIndex = _defaultProps$props.zIndex, onBackClick = _defaultProps$props.onBackClick;
   var classPrefix = "nut-navbar";
   var children = Array.isArray(props.children) ? props.children : [props.children];
   var styles = function styles2() {
@@ -48,7 +48,7 @@ var NavBar = function NavBar2(props) {
     }, back && React__default.createElement("div", {
       className: "".concat(classPrefix, "__left__back"),
       onClick: function onClick(e) {
-        return onClickBack(e);
+        return onBackClick(e);
       }
     }, back), left);
   };

package/dist/esm/NoticeBar.js

@@ -41,7 +41,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   speed: 50
 });
 var NoticeBar = function NoticeBar2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, direction = _defaultProps$props.direction, list = _defaultProps$props.list, duration = _defaultProps$props.duration, height = _defaultProps$props.height, content = _defaultProps$props.content, closeable = _defaultProps$props.closeable, wrap = _defaultProps$props.wrap, leftIcon = _defaultProps$props.leftIcon, rightIcon = _defaultProps$props.rightIcon, delay = _defaultProps$props.delay, scrollable = _defaultProps$props.scrollable, speed = _defaultProps$props.speed, close = _defaultProps$props.close, click = _defaultProps$props.click, onClose = _defaultProps$props.onClose, onClick = _defaultProps$props.onClick, onClickItem = _defaultProps$props.onClickItem;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, className = _defaultProps$props.className, style = _defaultProps$props.style, direction = _defaultProps$props.direction, list = _defaultProps$props.list, duration = _defaultProps$props.duration, height = _defaultProps$props.height, content = _defaultProps$props.content, closeable = _defaultProps$props.closeable, wrap = _defaultProps$props.wrap, leftIcon = _defaultProps$props.leftIcon, rightIcon = _defaultProps$props.rightIcon, delay = _defaultProps$props.delay, scrollable = _defaultProps$props.scrollable, speed = _defaultProps$props.speed, close = _defaultProps$props.close, click = _defaultProps$props.click, onClose = _defaultProps$props.onClose, onClick = _defaultProps$props.onClick, onItemClick = _defaultProps$props.onItemClick;
   var classPrefix = "nut-noticebar";
   var wrapRef = useRef(null);
   var contentRef = useRef(null);
@@ -270,7 +270,7 @@ var NoticeBar = function NoticeBar2(props) {
     });
   };
   var handleItemClick = function handleItemClick2(event, value) {
-    onClickItem && onClickItem(event, value);
+    onItemClick && onItemClick(event, value);
   };
   var getStyle = function getStyle2() {
     var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;

package/dist/esm/NumberKeyboard.js

@@ -145,8 +145,8 @@ var NumberKeyboard = function NumberKeyboard2(props) {
   return React__default.createElement(Popup, _objectSpread({
     visible,
     position: "bottom",
-    onClickOverlay: onClose2,
-    onClickCloseIcon: onClose2,
+    onOverlayClick: onClose2,
+    onCloseIconClick: onClose2,
     overlayStyle: {
       backgroundColor: "rgba(0, 0, 0, 0)"
     }

package/dist/esm/Popover.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "list", "location", "visible", "offset", "targetId", "overlay", "closeOnClickOutside", "closeOnClickAction", "className", "showArrow", "style", "onClick", "onOpen", "onClose", "onSelect"];
+var _excluded = ["children", "list", "location", "visible", "offset", "targetId", "overlay", "closeOnOutsideClick", "closeOnActionClick", "className", "showArrow", "style", "onClick", "onOpen", "onClose", "onSelect"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -36,10 +36,9 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   visible: false,
   offset: [0, 12],
   targetId: "",
-  className: "",
   showArrow: true,
-  closeOnClickOutside: true,
-  closeOnClickAction: true,
+  closeOnOutsideClick: true,
+  closeOnActionClick: true,
   overlay: false,
   onClick: function onClick() {
   },
@@ -50,7 +49,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var classPrefix = "nut-popover";
 var Popover = function Popover2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, list = _defaultProps$props.list, location = _defaultProps$props.location, visible = _defaultProps$props.visible, offset = _defaultProps$props.offset, targetId = _defaultProps$props.targetId, overlay = _defaultProps$props.overlay, closeOnClickOutside = _defaultProps$props.closeOnClickOutside, closeOnClickAction = _defaultProps$props.closeOnClickAction, className = _defaultProps$props.className, showArrow = _defaultProps$props.showArrow, style = _defaultProps$props.style, onClick2 = _defaultProps$props.onClick, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onSelect = _defaultProps$props.onSelect, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, list = _defaultProps$props.list, location = _defaultProps$props.location, visible = _defaultProps$props.visible, offset = _defaultProps$props.offset, targetId = _defaultProps$props.targetId, overlay = _defaultProps$props.overlay, closeOnOutsideClick = _defaultProps$props.closeOnOutsideClick, closeOnActionClick = _defaultProps$props.closeOnActionClick, className = _defaultProps$props.className, showArrow = _defaultProps$props.showArrow, style = _defaultProps$props.style, onClick2 = _defaultProps$props.onClick, onOpen2 = _defaultProps$props.onOpen, onClose2 = _defaultProps$props.onClose, onSelect = _defaultProps$props.onSelect, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var popoverRef = useRef(null);
   var popoverContentRef = useRef(null);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), showPopup = _useState2[0], setShowPopup = _useState2[1];
@@ -69,7 +68,7 @@ var Popover = function Popover2(props) {
   useClickAway(function() {
     props.onClick && props.onClick();
     onClose2 && onClose2();
-  }, targetSet, "touchstart", true, visible, closeOnClickOutside);
+  }, targetSet, "touchstart", true, visible, closeOnOutsideClick);
   var getContentWidth = function getContentWidth2() {
     var rect = getRect(popoverRef.current);
     if (targetId) {
@@ -157,7 +156,7 @@ var Popover = function Popover2(props) {
     if (!item.disabled) {
       onSelect && onSelect(item, index);
     }
-    if (closeOnClickAction) {
+    if (closeOnActionClick) {
       props.onClick && props.onClick();
       onClose2 && onClose2();
     }

package/dist/esm/SearchBar.js

@@ -48,7 +48,7 @@ var SearchBar = function SearchBar2(props) {
   var _useState = useState(function() {
     return props.value;
   }), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, right = _defaultProps$props.right, left = _defaultProps$props.left, leftIn = _defaultProps$props.leftIn, rightIn = _defaultProps$props.rightIn, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onSearch = _defaultProps$props.onSearch, onClickInput = _defaultProps$props.onClickInput;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, right = _defaultProps$props.right, left = _defaultProps$props.left, leftIn = _defaultProps$props.leftIn, rightIn = _defaultProps$props.rightIn, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onSearch = _defaultProps$props.onSearch, onInputClick = _defaultProps$props.onInputClick;
   var forceFocus = function forceFocus2() {
     var searchSelf = searchRef.current;
     searchSelf && searchSelf.focus();
@@ -100,7 +100,7 @@ var SearchBar = function SearchBar2(props) {
     });
   };
   var clickInput = function clickInput2(e) {
-    onClickInput && onClickInput(e);
+    onInputClick && onInputClick(e);
   };
   var renderLeftIn = function renderLeftIn2() {
     if (!leftIn)

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", "description", "tips", "visible", "value", "error", "hideFooter", "length", "plain", "style", "className", "closeable", "autoFocus", "onFocus", "onChange", "onConfirm", "onTips", "onCancel", "onClose", "onComplete", "onClickOverlay", "onClickCloseIcon"];
+var _excluded = ["title", "description", "tips", "visible", "value", "error", "hideFooter", "length", "plain", "style", "className", "closeable", "autoFocus", "onFocus", "onChange", "onConfirm", "onTips", "onCancel", "onClose", "onComplete", "onOverlayClick", "onCloseIconClick"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -41,7 +41,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var ShortPassword = function ShortPassword2(props) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, description = _defaultProps$props.description, tips = _defaultProps$props.tips, visible = _defaultProps$props.visible, value = _defaultProps$props.value, error = _defaultProps$props.error, hideFooter = _defaultProps$props.hideFooter, length = _defaultProps$props.length, plain = _defaultProps$props.plain, style = _defaultProps$props.style, className = _defaultProps$props.className, closeable = _defaultProps$props.closeable, autoFocus = _defaultProps$props.autoFocus, onFocus = _defaultProps$props.onFocus, onChange = _defaultProps$props.onChange, onConfirm = _defaultProps$props.onConfirm, onTips = _defaultProps$props.onTips, onCancel = _defaultProps$props.onCancel, onClose = _defaultProps$props.onClose, onComplete = _defaultProps$props.onComplete, onClickOverlay = _defaultProps$props.onClickOverlay, onClickCloseIcon = _defaultProps$props.onClickCloseIcon, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), title = _defaultProps$props.title, description = _defaultProps$props.description, tips = _defaultProps$props.tips, visible = _defaultProps$props.visible, value = _defaultProps$props.value, error = _defaultProps$props.error, hideFooter = _defaultProps$props.hideFooter, length = _defaultProps$props.length, plain = _defaultProps$props.plain, style = _defaultProps$props.style, className = _defaultProps$props.className, closeable = _defaultProps$props.closeable, autoFocus = _defaultProps$props.autoFocus, onFocus = _defaultProps$props.onFocus, onChange = _defaultProps$props.onChange, onConfirm = _defaultProps$props.onConfirm, onTips = _defaultProps$props.onTips, onCancel = _defaultProps$props.onCancel, onClose = _defaultProps$props.onClose, onComplete = _defaultProps$props.onComplete, onOverlayClick = _defaultProps$props.onOverlayClick, onCloseIconClick = _defaultProps$props.onCloseIconClick, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-shortpassword";
   var comLen = useMemo(function() {
     return Math.min(Math.max(4, length || 4), 6);
@@ -76,8 +76,8 @@ var ShortPassword = function ShortPassword2(props) {
     },
     visible,
     closeable: true,
-    onClickOverlay: onClose,
-    onClickCloseIcon: onClose
+    onOverlayClick: onClose,
+    onCloseIconClick: onClose
   }, rest), React__default.createElement("div", {
     className: classNames(className, classPrefix),
     style

package/dist/esm/Swiper.js

@@ -29,6 +29,7 @@ import classNames from "classnames";
 import { D as DataContext } from "./context4.js";
 import { g as getRect } from "./use-client-rect.js";
 import Indicator from "./Indicator.js";
+import SwiperItem from "./SwiperItem.js";
 var defaultProps = {
   width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === "object" ? window.innerWidth : 375,
   height: 0,
@@ -447,6 +448,8 @@ var Swiper = React__default.forwardRef(function(props, ref) {
 });
 Swiper.defaultProps = defaultProps;
 Swiper.displayName = "NutSwiper";
+var InnerSwiper = Swiper;
+InnerSwiper.Item = SwiperItem;
 export {
-  Swiper as default
+  InnerSwiper as default
 };

package/dist/esm/TrendArrow.js

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "digits", "symbol", "zero", "arrowLeft", "syncColor", "color", "riseColor", "dropColor", "riseIcon", "downIcon", "className", "style", "children"];
+var _excluded = ["value", "digits", "symbol", "zero", "left", "sync", "color", "riseColor", "dropColor", "riseIcon", "dropIcon", "className", "style", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -30,16 +30,16 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   digits: 2,
   symbol: false,
   zero: false,
-  arrowLeft: false,
-  syncColor: true,
+  left: false,
+  sync: true,
   color: "#333",
   riseColor: "#fa2c19",
   dropColor: "#64b578",
   riseIcon: null,
-  downIcon: null
+  dropIcon: null
 });
 var TrendArrow = function TrendArrow2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), value = _defaultProps$props.value, digits = _defaultProps$props.digits, symbol = _defaultProps$props.symbol, zero = _defaultProps$props.zero, arrowLeft = _defaultProps$props.arrowLeft, syncColor = _defaultProps$props.syncColor, color = _defaultProps$props.color, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, riseIcon = _defaultProps$props.riseIcon, downIcon = _defaultProps$props.downIcon, className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), value = _defaultProps$props.value, digits = _defaultProps$props.digits, symbol = _defaultProps$props.symbol, zero = _defaultProps$props.zero, left = _defaultProps$props.left, sync = _defaultProps$props.sync, color = _defaultProps$props.color, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, riseIcon = _defaultProps$props.riseIcon, dropIcon = _defaultProps$props.dropIcon, className = _defaultProps$props.className, style = _defaultProps$props.style, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-trendarrow";
   var rateTrend = useRef(value > 0);
   var myFixed = function myFixed2(num) {
@@ -53,7 +53,7 @@ var TrendArrow = function TrendArrow2(props) {
   };
   var calcStyle = function() {
     var arrowColor = rateTrend.current ? riseColor : dropColor;
-    var textEquArrowColor = syncColor ? arrowColor : color;
+    var textEquArrowColor = sync ? arrowColor : color;
     var style2 = {
       color: value === 0 ? color : textEquArrowColor
     };
@@ -77,8 +77,8 @@ var TrendArrow = function TrendArrow2(props) {
     };
     return iconProps;
   }();
-  var renderContent = function renderContent2(arrowLeft2) {
-    var classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
+  var renderContent = function renderContent2(left2) {
+    var classNameSuffix = !left2 ? "icon-after" : "icon-before";
     return React__default.createElement("span", {
       className: "".concat(classPrefix, "__").concat(classNameSuffix, " ").concat(classPrefix, "__value"),
       style: calcStyle
@@ -87,11 +87,11 @@ var TrendArrow = function TrendArrow2(props) {
   return React__default.createElement("div", _objectSpread({
     className: "".concat(classPrefix, " ").concat(className),
     style
-  }, rest), !arrowLeft && renderContent(!arrowLeft), Number(value) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend.current ? React__default.createElement(React__default.Fragment, null, riseIcon || React__default.createElement(TriangleUp, {
+  }, rest), !left && renderContent(!left), Number(value) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend.current ? React__default.createElement(React__default.Fragment, null, riseIcon || React__default.createElement(TriangleUp, {
     color: calcIconProps.color
-  })) : React__default.createElement(React__default.Fragment, null, downIcon || React__default.createElement(TriangleDown, {
+  })) : React__default.createElement(React__default.Fragment, null, dropIcon || React__default.createElement(TriangleDown, {
     color: calcIconProps.color
-  }))), arrowLeft && renderContent(!arrowLeft));
+  }))), left && renderContent(!left));
 };
 TrendArrow.defaultProps = defaultProps;
 TrendArrow.displayName = "NutTrendArrow";

package/dist/esm/Uploader.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "imageFit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"];
+var _excluded = ["children", "uploadIcon", "uploadLabel", "name", "accept", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "preview", "deletable", "maxCount", "capture", "maxFileSize", "className", "autoUpload", "clearInput", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -126,7 +126,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   url: "",
   maxCount: 1,
   previewType: "picture",
-  imageFit: "cover",
+  fit: "cover",
   name: "file",
   accept: "*",
   disabled: false,
@@ -161,7 +161,7 @@ var FileItem = /* @__PURE__ */ _createClass(function FileItem2() {
 });
 var InternalUploader = function InternalUploader2(props, ref) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, uploadIcon = _defaultProps$props.uploadIcon, uploadLabel = _defaultProps$props.uploadLabel, name = _defaultProps$props.name, accept = _defaultProps$props.accept, defaultValue = _defaultProps$props.defaultValue, value = _defaultProps$props.value, previewType = _defaultProps$props.previewType, imageFit = _defaultProps$props.imageFit, disabled = _defaultProps$props.disabled, multiple = _defaultProps$props.multiple, url = _defaultProps$props.url, previewUrl = _defaultProps$props.previewUrl, headers = _defaultProps$props.headers, timeout = _defaultProps$props.timeout, method = _defaultProps$props.method, xhrState = _defaultProps$props.xhrState, withCredentials = _defaultProps$props.withCredentials, data = _defaultProps$props.data, preview = _defaultProps$props.preview, deletable = _defaultProps$props.deletable, maxCount = _defaultProps$props.maxCount, capture = _defaultProps$props.capture, maxFileSize = _defaultProps$props.maxFileSize, className = _defaultProps$props.className, autoUpload = _defaultProps$props.autoUpload, clearInput = _defaultProps$props.clearInput, onStart = _defaultProps$props.onStart, onDelete = _defaultProps$props.onDelete, onChange = _defaultProps$props.onChange, onFileItemClick = _defaultProps$props.onFileItemClick, onProgress = _defaultProps$props.onProgress, onSuccess = _defaultProps$props.onSuccess, onUpdate = _defaultProps$props.onUpdate, onFailure = _defaultProps$props.onFailure, onOversize = _defaultProps$props.onOversize, beforeUpload = _defaultProps$props.beforeUpload, beforeXhrUpload = _defaultProps$props.beforeXhrUpload, beforeDelete2 = _defaultProps$props.beforeDelete, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, uploadIcon = _defaultProps$props.uploadIcon, uploadLabel = _defaultProps$props.uploadLabel, name = _defaultProps$props.name, accept = _defaultProps$props.accept, defaultValue = _defaultProps$props.defaultValue, value = _defaultProps$props.value, previewType = _defaultProps$props.previewType, fit = _defaultProps$props.fit, disabled = _defaultProps$props.disabled, multiple = _defaultProps$props.multiple, url = _defaultProps$props.url, previewUrl = _defaultProps$props.previewUrl, headers = _defaultProps$props.headers, timeout = _defaultProps$props.timeout, method = _defaultProps$props.method, xhrState = _defaultProps$props.xhrState, withCredentials = _defaultProps$props.withCredentials, data = _defaultProps$props.data, preview = _defaultProps$props.preview, deletable = _defaultProps$props.deletable, maxCount = _defaultProps$props.maxCount, capture = _defaultProps$props.capture, maxFileSize = _defaultProps$props.maxFileSize, className = _defaultProps$props.className, autoUpload = _defaultProps$props.autoUpload, clearInput = _defaultProps$props.clearInput, onStart = _defaultProps$props.onStart, onDelete = _defaultProps$props.onDelete, onChange = _defaultProps$props.onChange, onFileItemClick = _defaultProps$props.onFileItemClick, onProgress = _defaultProps$props.onProgress, onSuccess = _defaultProps$props.onSuccess, onUpdate = _defaultProps$props.onUpdate, onFailure = _defaultProps$props.onFailure, onOversize = _defaultProps$props.onOversize, beforeUpload = _defaultProps$props.beforeUpload, beforeXhrUpload = _defaultProps$props.beforeXhrUpload, beforeDelete2 = _defaultProps$props.beforeDelete, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(defaultValue || []), _useState2 = _slicedToArray(_useState, 2), fileList = _useState2[0], setFileList = _useState2[1];
   var _useState3 = useState([]), _useState4 = _slicedToArray(_useState3, 2), uploadQueue = _useState4[0], setUploadQueue = _useState4[1];
   useEffect(function() {
@@ -434,7 +434,7 @@ var InternalUploader = function InternalUploader2(props, ref) {
     }, item.message)), item.type.includes("image") ? React__default.createElement(React__default.Fragment, null, item.url && React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
       style: {
-        objectFit: imageFit
+        objectFit: fit
       },
       src: item.url,
       alt: "",

package/dist/esm/VirtualList.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 = ["list", "ItemRender", "itemEqual", "itemHeight", "direction", "overscan", "key", "onScroll", "className", "containerHeight"];
+var _excluded = ["list", "itemRender", "itemEqual", "itemHeight", "direction", "overscan", "key", "onScroll", "className", "containerHeight"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -139,14 +139,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   overscan: 2
 });
 var VirtualList = function VirtualList2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), list = _defaultProps$props.list, ItemRender = _defaultProps$props.ItemRender, itemEqual = _defaultProps$props.itemEqual, itemHeight = _defaultProps$props.itemHeight, direction = _defaultProps$props.direction, overscan = _defaultProps$props.overscan, key = _defaultProps$props.key, onScroll = _defaultProps$props.onScroll, className = _defaultProps$props.className, containerHeight = _defaultProps$props.containerHeight, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), list = _defaultProps$props.list, itemRender = _defaultProps$props.itemRender, itemEqual = _defaultProps$props.itemEqual, itemHeight = _defaultProps$props.itemHeight, direction = _defaultProps$props.direction, overscan = _defaultProps$props.overscan, key = _defaultProps$props.key, onScroll = _defaultProps$props.onScroll, className = _defaultProps$props.className, containerHeight = _defaultProps$props.containerHeight, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var horizontal = direction === "horizontal";
   var sizeKey = horizontal ? "width" : "height";
   var scrollKey = horizontal ? "scrollLeft" : "scrollTop";
   var offsetKey = horizontal ? "left" : "top";
   var scrollRef = useRef(null);
   var itemsRef = useRef(null);
-  var firstItemRef = useRef(null);
   var _useState = useState([{
     index: 0,
     left: 0,
@@ -264,17 +263,13 @@ var VirtualList = function VirtualList2(props) {
     var styleVal = dataIndex < startIndex ? "none" : "block";
     var keyVal = key && data[key] ? data[key] : dataIndex;
     return React__default.createElement("li", {
-      ref: dataIndex === 0 ? firstItemRef : null,
       "data-index": "".concat(dataIndex),
       className: dataIndex % 2 === 0 ? "nut-virtuallist-item even" : "nut-virtuallist-item odd",
       key: "".concat(keyVal),
       style: {
         display: styleVal
       }
-    }, ItemRender ? React__default.createElement(ItemRender, {
-      data,
-      index: "".concat(dataIndex)
-    }) : data);
+    }, itemRender ? itemRender(data, dataIndex, index) : data);
   }))));
 };
 VirtualList.defaultProps = defaultProps;

package/dist/esm/cascader2.js

@@ -628,8 +628,8 @@ var InternalCascader = function InternalCascader2(props, ref) {
     title: popup && props.title,
     left: props.left,
     // todo 只关闭，不处理逻辑。和popup的逻辑不一致。关闭时需要增加是否要处理回调
-    onClickOverlay: closePopup,
-    onClickCloseIcon: closePopup
+    onOverlayClick: closePopup,
+    onCloseIconClick: closePopup
   }, renderTabs()) : renderTabs());
 };
 var Cascader = React__default.forwardRef(InternalCascader);