@nutui/nutui-react 2.0.0-alpha.10 → 2.0.0-alpha.12

package/dist/esm/Toast.js

@@ -56,11 +56,12 @@ function _isNativeReflectConstruct() {
 }
 import * as React from "react";
 import classNames from "classnames";
-import { c as cn } from "./bem.js";
 import { r as render, u as unmount } from "./render.js";
-import { Loading } from "@nutui/icons-react";
-import "@bem-react/classname";
+import { O as Overlay } from "./overlay2.js";
+import { Issue, Failure, Loading, Check } from "@nutui/icons-react";
+import { C as ComponentDefaults } from "./typings.js";
 import "react-dom";
+var classPrefix = "nut-toast";
 var Notification = /* @__PURE__ */ function(_React$PureComponent) {
   _inherits(Notification2, _React$PureComponent);
   var _super = _createSuper(Notification2);
@@ -104,11 +105,39 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
   }, {
     key: "clickCover",
     value: function clickCover() {
-      var closeOnClickOverlay = this.props.closeOnClickOverlay;
-      if (closeOnClickOverlay) {
+      var closeOnOverlayClick = this.props.closeOnOverlayClick;
+      if (closeOnOverlayClick) {
         this.close();
       }
     }
+  }, {
+    key: "renderIcon",
+    value: function renderIcon() {
+      var icon = this.props.icon;
+      if (typeof icon === "string") {
+        var iconNode = null;
+        switch (icon) {
+          case "success":
+            iconNode = React.createElement(Check, null);
+            break;
+          case "loading":
+            iconNode = React.createElement(Loading, {
+              className: "nut-icon-loading"
+            });
+            break;
+          case "fail":
+            iconNode = React.createElement(Failure, null);
+            break;
+          case "warn":
+            iconNode = React.createElement(Issue, null);
+            break;
+        }
+        return React.createElement("p", {
+          className: "".concat(classPrefix, "__icon-wrapper")
+        }, iconNode);
+      }
+      return icon;
+    }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -122,38 +151,31 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
   }, {
     key: "render",
     value: function render2() {
-      var _classNames, _this3 = this;
-      var _this$props = this.props, id = _this$props.id, style = _this$props.style, icon = _this$props.icon, title = _this$props.title, msg = _this$props.msg, bottom = _this$props.bottom, center = _this$props.center, bgColor = _this$props.bgColor, coverColor = _this$props.coverColor, textAlignCenter = _this$props.textAlignCenter, size = _this$props.size, customClass = _this$props.customClass, cover = _this$props.cover, type = _this$props.type;
-      var toastBem = cn("toast");
-      var classes = classNames((_classNames = {
-        "nut-toast-center": center,
-        "nut-toast-has-icon": icon,
-        "nut-toast-cover": cover,
-        "nut-toast-loading": type === "loading"
-      }, _defineProperty(_classNames, "".concat(customClass), true), _defineProperty(_classNames, "nut-toast-".concat(size), true), _classNames));
-      return React.createElement(React.Fragment, null, React.createElement("div", {
-        className: "".concat(toastBem(), " ").concat(classes),
-        id: "toast-".concat(id),
-        style: _objectSpread({
-          bottom: center ? "auto" : "".concat(bottom),
-          backgroundColor: cover ? coverColor : ""
-        }, style),
+      var _this3 = this;
+      var _this$props = this.props, id = _this$props.id, icon = _this$props.icon, title = _this$props.title, content = _this$props.content, position = _this$props.position, size = _this$props.size, closeOnOverlayClick = _this$props.closeOnOverlayClick, style = _this$props.style, className = _this$props.className, contentClassName = _this$props.contentClassName, contentStyle = _this$props.contentStyle;
+      var classes = classNames(_defineProperty({
+        "nut-toast-has-icon": icon
+      }, "nut-toast-".concat(size), true));
+      return React.createElement(React.Fragment, null, React.createElement(Overlay, {
+        visible: true,
+        style,
+        className: "".concat(classPrefix, "__overlay-default ").concat(className),
         onClick: function onClick() {
+          console.log("onclick");
           _this3.clickCover();
-        }
+        },
+        closeOnOverlayClick
       }, React.createElement("div", {
-        className: toastBem("inner"),
-        style: {
-          textAlign: textAlignCenter ? "center" : "left",
-          backgroundColor: bgColor
-        }
-      }, icon ? React.createElement("p", {
-        className: toastBem("icon-wrapper")
-      }, icon) : null, title ? React.createElement("div", {
-        className: "nut-toast-title"
+        className: "".concat(classPrefix, " ").concat(classes),
+        id: "toast-".concat(id)
+      }, React.createElement("div", {
+        className: "".concat(classPrefix, "__inner ").concat(classPrefix, "-").concat(position, " ").concat(contentClassName),
+        style: contentStyle
+      }, this.renderIcon(), title ? React.createElement("div", {
+        className: "".concat(classPrefix, "-title")
       }, title) : null, React.createElement("span", {
-        className: toastBem("text")
-      }, msg))));
+        className: "".concat(classPrefix, "-text")
+      }, content)))));
     }
   }]);
   return Notification2;
@@ -184,29 +206,18 @@ Notification.newInstance = function(properties, callback) {
   })), element);
 };
 var messageInstance = null;
-var options = {
-  msg: "",
+var options = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   id: "",
-  style: {},
-  duration: 1.5,
-  center: true,
-  type: "text",
+  duration: 2,
+  position: "center",
   title: "",
-  customClass: "",
-  bottom: "30px",
   size: "base",
   icon: null,
-  iconSize: "20",
-  textAlignCenter: true,
-  loadingRotate: true,
-  bgColor: "rgba(0, 0, 0, .8)",
   onClose: function onClose() {
   },
-  cover: false,
-  coverColor: "rgba(0, 0, 0, 0)",
-  closeOnClickOverlay: false
-  // 是否点击遮罩可关闭
-};
+  closeOnOverlayClick: false,
+  contentClassName: ""
+});
 function getInstance(props, callback) {
   if (messageInstance) {
     messageInstance.destroy();
@@ -221,6 +232,7 @@ function notice(opts) {
     if (messageInstance) {
       messageInstance.destroy();
       messageInstance = null;
+      opts.onClose && opts.onClose();
     }
   }
   var opts2 = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
@@ -235,59 +247,31 @@ var errorMsg = function errorMsg2(msg) {
     console.warn("[NutUI Toast]: msg cannot be null");
   }
 };
+function show(option) {
+  if (typeof option === "string") {
+    errorMsg(option);
+    return notice({
+      content: option
+    });
+  }
+  errorMsg(option.content);
+  return notice(_objectSpread({}, option));
+}
+function config(config2) {
+  if (config2.duration !== void 0) {
+    options.duration = config2.duration;
+  }
+  if (config2.position !== void 0) {
+    options.position = config2.position;
+  }
+  if (config2.closeOnOverlayClick !== void 0) {
+    options.closeOnOverlayClick = config2.closeOnOverlayClick;
+  }
+}
 var Toast = {
-  text: function text(msg) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg,
-      type: "text"
-    }, option));
-  },
-  success: function success(msg) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg,
-      icon: "success",
-      type: "success"
-    }, option));
-  },
-  fail: function fail(msg) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg,
-      icon: "failure",
-      type: "fail"
-    }, option));
-  },
-  loading: function loading(msg) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg,
-      icon: React.createElement(Loading, null),
-      type: "loading"
-    }, option));
-  },
-  warn: function warn(msg) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg,
-      icon: "tips",
-      type: "warn"
-    }, option));
-  },
-  customIcon: function customIcon(msg) {
-    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
-    return notice(_objectSpread({
-      msg
-    }, option));
-  },
-  hide: function hide() {
+  show,
+  config,
+  clear: function clear() {
     if (messageInstance) {
       messageInstance.destroy();
       messageInstance = null;

package/dist/esm/TrendArrow/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/TrendArrow/style/style.css

@@ -0,0 +1 @@
+.nut-trendarrow{display:inline-block;font-size:var(--nutui-trendarrow-font-size, 14px)}.nut-trendarrow__icon-before{margin-right:var(--nutui-trendarrow-before-icon-margin, 4px)}.nut-trendarrow__icon-after{margin-left:var(--nutui-trendarrow-before-icon-margin, 4px)}.nut-trendarrow__rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}

package/dist/esm/Uploader/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Uploader/style/style.css

@@ -0,0 +1 @@
+.nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, #f3f3f3)}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text__inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-brand-text-color, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}.nut-uploader{position:relative;display:flex;flex-wrap:wrap}.nut-uploader__slot{position:relative}.nut-uploader__upload{position:relative;display:flex;align-items:center;justify-content:center;background:var(--nutui-uploader-background, var(--nutui-gray-4, #f4f4f4));width:var(--nutui-uploader-picture-width, 100px);height:var(--nutui-uploader-picture-height, 100px);border:var(--nutui-uploader-picture-border, 0px);border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-uploader__icon i{opacity:var(--nutui-uploader-picture-icon-opacity, .7);margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__icon-tip{font-size:var(--nutui-uploader-picture-icon-tip-font-size, 12px);color:var(--nutui-uploader-picture-icon-tip-color, #bfbfbf)}.nut-uploader__input{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;overflow:hidden;cursor:pointer!important;opacity:0}.nut-uploader__input:disabled{cursor:not-allowed}.nut-uploader__upload-disabled{background:var(--nutui-uploader-background-disabled, var(--nutui-gray-4, #f4f4f4))}.nut-uploader__upload-disabled .nut-uploader__icon i{opacity:var(--nutui-uploader-picture-icon-opacity-disabled, .3);margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__preview{position:relative;margin-right:var(--nutui-uploader-preview-margin-right, 10px);margin-bottom:var(--nutui-uploader-preview-margin-bottom, 10px);box-shadow:0 2px 10px #0000001a}.nut-uploader__preview__progress{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--nutui-uploader-preview-progress-background, rgba(0, 0, 0, .65));border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__preview__progress i{margin-bottom:var(--nutui-uploader-picture-icon-margin-bottom, 6px)}.nut-uploader__preview__progress__msg{color:#fff;font-size:12px}.nut-uploader__preview.list{width:100%;margin-right:0;margin-bottom:0;margin-top:10px}.nut-uploader__preview-list{width:100%;height:32px;display:flex;flex-direction:column;position:relative;background-color:var(--nutui-gray-5, #f8f8f8)}.nut-uploader__preview-list .nut-uploader__preview-img__file__name{-webkit-line-clamp:1;padding:2px;height:24px}.nut-uploader__preview-list .nut-uploader__preview-img__file__del{position:absolute;right:4px;top:6px}.nut-uploader__preview-list .nut-progress{position:absolute;left:0;right:0;bottom:0}.nut-uploader__preview-list .nut-progress .nut-progress-outer{height:2px!important}.nut-uploader__preview .close{position:absolute;right:var(--nutui-uploader-preview-close-right, 0px);top:var(--nutui-uploader-preview-close-top, 0px);transform:translate(50%,-50%)}.nut-uploader__preview-img{position:relative;width:var(--nutui-uploader-picture-width, 100px);height:var(--nutui-uploader-picture-height, 100px);border-radius:var(--nutui-uploader-picture-border-radius, 2px)}.nut-uploader__preview-img i{color:var(--nutui-gray-1, #1a1a1a)}.nut-uploader__preview-img .tips{position:absolute;bottom:0;left:0;font-size:12px;color:var(--nutui-gray-6, #ffffff);text-align:center;box-sizing:border-box;height:var(--nutui-uploader-preview-tips-height, 24px);line-height:var(--nutui-uploader-preview-tips-height, 24px);border-radius:var(--nutui-uploader-picture-border-radius, 2px);border-top-left-radius:0;border-top-right-radius:0;padding:var(--nutui-uploader-preview-tips-padding, 0 5px);background:var(--nutui-uploader-preview-tips-background, rgba(0, 0, 0, .45));width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-uploader__preview-img__c{width:100%;height:100%;border-radius:6px}.nut-uploader__preview-img__file{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s}.nut-uploader__preview-img__file__name{display:flex;width:100%;font-size:12px;color:var(--nutui-gray-2, #757575);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-all}.nut-uploader__preview-img__file__name.error{color:red!important}.nut-uploader__preview-img__file__name.success{color:#1890ff!important}.nut-uploader__preview-img__file__name .nut-icon-link:before{margin-left:-25%;margin-top:-25%;transform:none}

package/dist/esm/Video/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/Video/style/style.css

@@ -0,0 +1 @@
+.nut-video{width:100%;height:100%;position:relative;display:flex}.nut-video-player{width:100%;background:#000}.nut-video-player:focus{outline:none}.nut-video video{width:100%;height:100%;object-fit:fill}

package/dist/esm/VirtualList/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/VirtualList/style/style.css

@@ -0,0 +1 @@
+.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-6, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;background:var(--nutui-gray-6, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500;color:var(--nutui-gray-1, #1a1a1a)}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}

package/dist/esm/VirtualList.js

@@ -1,7 +1,7 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["sourceData", "ItemRender", "itemEqualSize", "itemSize", "horizontal", "overscan", "key", "handleScroll", "onScroll", "className", "containerSize"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["list", "ItemRender", "itemEqual", "itemHeight", "direction", "overscan", "key", "onScroll", "className", "containerHeight"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,7 +24,7 @@ function _objectSpread(target) {
   return target;
 }
 import React__default, { useRef, useState, useEffect, useCallback } from "react";
-import { useConfig } from "./ConfigProvider.js";
+import { C as ComponentDefaults } from "./typings.js";
 var initPositinoCache = function initPositinoCache2(reaItemSize) {
   var length = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
   var index = 0;
@@ -79,10 +79,10 @@ var binarySearch = function binarySearch2(positionsList) {
   return tempIndex;
 };
 var getEndIndex = function getEndIndex2(_ref) {
-  var sourceData = _ref.sourceData, startIndex = _ref.startIndex, visibleCount = _ref.visibleCount, _ref$itemEqualSize = _ref.itemEqualSize, itemEqualSize = _ref$itemEqualSize === void 0 ? true : _ref$itemEqualSize, positions = _ref.positions, offSetSize = _ref.offSetSize, overscan = _ref.overscan, _ref$sizeKey = _ref.sizeKey, sizeKey = _ref$sizeKey === void 0 ? "width" : _ref$sizeKey;
-  var dataLength = sourceData.length;
+  var list = _ref.list, startIndex = _ref.startIndex, visibleCount = _ref.visibleCount, _ref$itemEqual = _ref.itemEqual, itemEqual = _ref$itemEqual === void 0 ? true : _ref$itemEqual, positions = _ref.positions, offSetSize = _ref.offSetSize, overscan = _ref.overscan, _ref$sizeKey = _ref.sizeKey, sizeKey = _ref$sizeKey === void 0 ? "width" : _ref$sizeKey;
+  var dataLength = list.length;
   var tempIndex = null;
-  if (itemEqualSize) {
+  if (itemEqual) {
     var endIndex = startIndex + visibleCount;
     tempIndex = dataLength > 0 ? Math.min(dataLength, endIndex) : endIndex;
   } else {
@@ -131,13 +131,19 @@ var updateItemSize = function updateItemSize2(positions, items, sizeKey) {
     }
   });
 };
-var defaultProps = {};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  list: [],
+  itemHeight: 66,
+  itemEqual: true,
+  direction: "vertical",
+  overscan: 2
+});
 var VirtualList = function VirtualList2(props) {
-  var _props$sourceData = props.sourceData, sourceData = _props$sourceData === void 0 ? [] : _props$sourceData, ItemRender = props.ItemRender, _props$itemEqualSize = props.itemEqualSize, itemEqualSize = _props$itemEqualSize === void 0 ? true : _props$itemEqualSize, _props$itemSize = props.itemSize, itemSize = _props$itemSize === void 0 ? 200 : _props$itemSize, _props$horizontal = props.horizontal, horizontal = _props$horizontal === void 0 ? false : _props$horizontal, _props$overscan = props.overscan, overscan = _props$overscan === void 0 ? 2 : _props$overscan, key = props.key, handleScroll = props.handleScroll, onScroll = props.onScroll, className = props.className, containerSize = props.containerSize, rest = _objectWithoutProperties(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";
-  useConfig();
   var scrollRef = useRef(null);
   var itemsRef = useRef(null);
   var firstItemRef = useRef(null);
@@ -152,7 +158,7 @@ var VirtualList = function VirtualList2(props) {
   }]), _useState2 = _slicedToArray(_useState, 2), positions = _useState2[0], setPositions = _useState2[1];
   var _useState3 = useState(99999999), _useState4 = _slicedToArray(_useState3, 2), listTotalSize = _useState4[0], setListTotalSize = _useState4[1];
   var _useState5 = useState(0), _useState6 = _slicedToArray(_useState5, 2), visibleCount = _useState6[0], setVisibleCount = _useState6[1];
-  var _useState7 = useState(containerSize || 0), _useState8 = _slicedToArray(_useState7, 2), offSetSize = _useState8[0], setOffSetSize = _useState8[1];
+  var _useState7 = useState(containerHeight || 0), _useState8 = _slicedToArray(_useState7, 2), offSetSize = _useState8[0], setOffSetSize = _useState8[1];
   var _useState9 = useState({
     startOffset: 0,
     startIndex: 0,
@@ -161,32 +167,32 @@ var VirtualList = function VirtualList2(props) {
     // 可视区域结束索引
   }), _useState10 = _slicedToArray(_useState9, 2), options = _useState10[0], setOptions = _useState10[1];
   useEffect(function() {
-    var pos = initPositinoCache(itemSize, sourceData.length);
+    var pos = initPositinoCache(itemHeight, list.length);
     setPositions(pos);
     var totalSize = getListTotalSize(pos, horizontal);
     setListTotalSize(totalSize);
-  }, [sourceData, itemSize, horizontal]);
+  }, [list, itemHeight, horizontal]);
   var getElement = useCallback(function() {
     var _scrollRef$current;
     return ((_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.parentElement) || document.body;
   }, []);
   useEffect(function() {
-    if (containerSize)
+    if (containerHeight)
       return;
     var size = horizontal ? getElement().offsetWidth : getElement().offsetHeight;
     setOffSetSize(size);
-  }, [getElement, horizontal, containerSize]);
+  }, [getElement, horizontal, containerHeight]);
   useEffect(function() {
     if (offSetSize === 0)
       return;
-    var count = Math.ceil(offSetSize / itemSize) + overscan;
+    var count = Math.ceil(offSetSize / itemHeight) + overscan;
     setVisibleCount(count);
     setOptions(function(options2) {
       return _objectSpread(_objectSpread({}, options2), {}, {
         endIndex: count
       });
     });
-  }, [getElement, horizontal, itemSize, overscan, offSetSize]);
+  }, [getElement, horizontal, itemHeight, overscan, offSetSize]);
   var updateTotalSize = useCallback(function() {
     if (!itemsRef.current)
       return;
@@ -202,14 +208,14 @@ var VirtualList = function VirtualList2(props) {
       var scrollSize = getElement()[scrollKey];
       var startIndex = binarySearch(positions, scrollSize, horizontal);
       var overStart = startIndex - overscan > -1 ? startIndex - overscan : 0;
-      if (!itemEqualSize) {
+      if (!itemEqual) {
         updateTotalSize();
       }
       var endIndex = getEndIndex({
-        sourceData,
+        list,
         startIndex,
         visibleCount,
-        itemEqualSize,
+        itemEqual,
         positions,
         offSetSize,
         sizeKey,
@@ -222,15 +228,13 @@ var VirtualList = function VirtualList2(props) {
         overStart,
         endIndex
       });
-      if (endIndex > sourceData.length - 1) {
+      if (endIndex > list.length - 1) {
         if (onScroll) {
           onScroll();
-        } else if (handleScroll) {
-          handleScroll();
         }
       }
     });
-  }, [positions, getElement, sourceData, visibleCount, itemEqualSize, updateTotalSize, offsetKey, sizeKey, scrollKey, horizontal, overscan, handleScroll, offSetSize]);
+  }, [positions, getElement, list, visibleCount, itemEqual, updateTotalSize, offsetKey, sizeKey, scrollKey, horizontal, overscan, offSetSize]);
   useEffect(function() {
     var element = getElement();
     element.addEventListener("scroll", scroll, false);
@@ -241,7 +245,7 @@ var VirtualList = function VirtualList2(props) {
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: className ? "".concat(className, " nut-virtualList-box") : "nut-virtualList-box"
   }, rest), {}, {
-    style: _defineProperty({}, sizeKey, containerSize ? "".concat(offSetSize, "px") : "")
+    style: _defineProperty({}, sizeKey, containerHeight ? "".concat(offSetSize, "px") : "")
   }), React__default.createElement("div", {
     ref: scrollRef,
     className: horizontal ? "nut-horizontal-box" : "nut-vertical-box",
@@ -254,7 +258,7 @@ var VirtualList = function VirtualList2(props) {
     style: {
       transform: horizontal ? "translate3d(".concat(options.startOffset, "px,0,0)") : "translate3d(0,".concat(options.startOffset, "px,0)")
     }
-  }, sourceData.slice(options.overStart, options.endIndex).map(function(data, index) {
+  }, list.slice(options.overStart, options.endIndex).map(function(data, index) {
     var startIndex = options.startIndex, overStart = options.overStart;
     var dataIndex = overStart + index;
     var styleVal = dataIndex < startIndex ? "none" : "block";

package/dist/esm/WaterMark/style/css.js

@@ -0,0 +1 @@
+import './style.css'

package/dist/esm/WaterMark/style/style.css

@@ -0,0 +1 @@
+.nut-watermark{position:absolute;z-index:var(--nutui-watermark-z-index, 1200);left:0;right:0;top:0;bottom:0;pointer-events:none;background-repeat:repeat}.nut-watermark-full-page{position:fixed}

package/dist/esm/collapseitem2.js

@@ -0,0 +1,129 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "title", "isOpen", "name", "disabled", "expandIcon", "rotate", "extra"];
+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, { createContext, useContext, useRef, useState, useMemo, useEffect } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings.js";
+var collapseContext = {
+  isOpen: function isOpen(name) {
+    return true;
+  },
+  updateValue: function updateValue(name) {
+  },
+  expandIcon: null,
+  rotate: 180
+};
+var CollapseContext = createContext(collapseContext);
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  title: null,
+  name: "",
+  isOpen: false,
+  expandIcon: null,
+  disabled: false,
+  rotate: 180,
+  extra: null
+});
+var CollapseItem = function CollapseItem2(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, title = _defaultProps$props.title, isOpen2 = _defaultProps$props.isOpen, name = _defaultProps$props.name, disabled = _defaultProps$props.disabled, expandIcon = _defaultProps$props.expandIcon, rotate = _defaultProps$props.rotate, extra = _defaultProps$props.extra, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var classPrefix = "nut-collapse-item";
+  var context = useContext(CollapseContext);
+  var wrapperRef = useRef(null);
+  var contentRef = useRef(null);
+  var _useState = useState({
+    transform: "translateY(-50%)"
+  }), _useState2 = _slicedToArray(_useState, 2), iconStyle = _useState2[0], setIconStyle = _useState2[1];
+  var expanded = useMemo(function() {
+    if (context) {
+      return context.isOpen(name);
+    }
+    return false;
+  }, [name, context.isOpen]);
+  var handleClick = function handleClick2() {
+    context.updateValue(name);
+  };
+  var onTransitionEnd = function onTransitionEnd2() {
+    if (expanded) {
+      if (wrapperRef.current) {
+        wrapperRef.current.style.height = "";
+      }
+    }
+  };
+  var getOffsetHeight = function getOffsetHeight2() {
+    var _contentRef$current;
+    var height = (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.offsetHeight;
+    return height ? "".concat(height, "px") : "";
+  };
+  var toggle = function toggle2() {
+    var start = expanded ? "0px" : getOffsetHeight();
+    if (wrapperRef.current) {
+      wrapperRef.current.style.height = start;
+    }
+    var newIconStyle = expanded ? {
+      transform: "translateY(-50%) rotate(".concat(rotate, "deg)")
+    } : {
+      transform: "translateY(-50%)"
+    };
+    setIconStyle(newIconStyle);
+    requestAnimationFrame(function() {
+      requestAnimationFrame(function() {
+        var end = expanded ? getOffsetHeight() : "0px";
+        if (wrapperRef.current) {
+          wrapperRef.current.style.height = end;
+        }
+      });
+    });
+  };
+  useEffect(toggle, [expanded]);
+  return React__default.createElement("div", _objectSpread({
+    className: classPrefix
+  }, rest), React__default.createElement("div", {
+    className: classNames("".concat(classPrefix, "__header"), {
+      disabled
+    }),
+    onClick: handleClick
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__title")
+  }, title), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__extra")
+  }, extra), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__icon-box")
+  }, React__default.createElement("div", {
+    className: "".concat(classPrefix, "__icon"),
+    style: iconStyle
+  }, expandIcon || context.expandIcon))), React__default.createElement("div", {
+    className: "".concat(classPrefix, "__content"),
+    onTransitionEnd,
+    ref: wrapperRef
+  }, React__default.createElement("div", {
+    ref: contentRef,
+    className: "".concat(classPrefix, "__content-text")
+  }, children)));
+};
+CollapseItem.defaultProps = defaultProps;
+CollapseItem.displayName = "NutCollapseItem";
+export {
+  CollapseContext as C,
+  CollapseItem as a
+};