@nutui/nutui-react 2.0.0-alpha.9 → 2.0.0-beta.1

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 { Issue, Failure, Loading, Check } from "@nutui/icons-react";
 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 { 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);
@@ -72,14 +73,23 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
     _this.close = _this.close.bind(_assertThisInitialized(_this));
     _this.startCloseTimer = _this.startCloseTimer.bind(_assertThisInitialized(_this));
     _this.clearCloseTimer = _this.clearCloseTimer.bind(_assertThisInitialized(_this));
-    _this.close = _this.close.bind(_assertThisInitialized(_this));
     _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
+    _this.state = {
+      show: true
+    };
     return _this;
   }
   _createClass(Notification2, [{
     key: "close",
     value: function close() {
+      this.setState({
+        show: false
+      });
       this.clearCloseTimer();
+      if (this.props.id) {
+        var element = document.getElementById(this.props.id);
+        element && element.parentNode && element.parentNode.removeChild(element);
+      }
       this.props.onClose();
     }
   }, {
@@ -104,11 +114,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 +160,32 @@ 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, lockScroll = _this$props.lockScroll, style = _this$props.style, className = _this$props.className, contentClassName = _this$props.contentClassName, contentStyle = _this$props.contentStyle;
+      var show2 = this.state.show;
+      var classes = classNames(_defineProperty({
+        "nut-toast-has-icon": icon
+      }, "nut-toast-".concat(size), true));
+      return React.createElement(React.Fragment, null, React.createElement(Overlay, {
+        visible: show2,
+        style,
+        className: "".concat(classPrefix, "__overlay-default ").concat(className),
         onClick: function onClick() {
           _this3.clickCover();
-        }
+        },
+        closeOnOverlayClick,
+        lockScroll
       }, 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;
@@ -161,9 +193,9 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
 _defineProperty(Notification, "newInstance", void 0);
 Notification.newInstance = function(properties, callback) {
   var element = document.createElement("div");
-  if (properties.id) {
-    element.setAttribute("id", "".concat(properties.id));
-  }
+  var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
+  element.id = id;
+  properties.id = id;
   document.body.appendChild(element);
   var called = false;
   function ref(instance) {
@@ -184,29 +216,19 @@ 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,
+  lockScroll: false,
+  contentClassName: ""
+});
 function getInstance(props, callback) {
   if (messageInstance) {
     messageInstance.destroy();
@@ -221,6 +243,7 @@ function notice(opts) {
     if (messageInstance) {
       messageInstance.destroy();
       messageInstance = null;
+      opts.onClose && opts.onClose();
     }
   }
   var opts2 = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
@@ -235,59 +258,34 @@ 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;
+  }
+  if (config2.lockScroll !== void 0) {
+    options.lockScroll = config2.lockScroll;
+  }
+}
 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-flex;align-items:center;font-size:var(--nutui-trendarrow-font-size, 14px)}.nut-trendarrow__icon-before{margin-right:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__icon-after{margin-left:var(--nutui-trendarrow-icon-margin, 4px)}.nut-trendarrow__rate{vertical-align:middle;display:inline}.nut-trendarrow .nut-icon{vertical-align:middle}

package/dist/esm/TrendArrow.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["rate", "digits", "showSign", "showZero", "arrowLeft", "syncTextColor", "textColor", "riseColor", "dropColor", "upIcon", "downIcon", "className", "children"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["value", "digits", "symbol", "zero", "arrowLeft", "syncColor", "color", "riseColor", "dropColor", "riseIcon", "downIcon", "className", "style", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,32 +24,28 @@ function _objectSpread(target) {
 }
 import React__default, { useRef } from "react";
 import { TriangleUp, TriangleDown } from "@nutui/icons-react";
-import { c as cn } from "./bem.js";
-import "@bem-react/classname";
-var defaultProps = {
-  rate: 0,
+import { C as ComponentDefaults } from "./typings.js";
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  value: 0,
   digits: 2,
-  showSign: false,
-  showZero: false,
+  symbol: false,
+  zero: false,
   arrowLeft: false,
-  syncTextColor: true,
-  textColor: "#333",
+  syncColor: true,
+  color: "#333",
   riseColor: "#fa2c19",
   dropColor: "#64b578",
-  upIcon: null,
-  downIcon: null,
-  className: ""
-};
+  riseIcon: null,
+  downIcon: null
+});
 var TrendArrow = function TrendArrow2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), rate = _defaultProps$props.rate, digits = _defaultProps$props.digits, showSign = _defaultProps$props.showSign, showZero = _defaultProps$props.showZero, arrowLeft = _defaultProps$props.arrowLeft, syncTextColor = _defaultProps$props.syncTextColor, textColor = _defaultProps$props.textColor, riseColor = _defaultProps$props.riseColor, dropColor = _defaultProps$props.dropColor, upIcon = _defaultProps$props.upIcon, downIcon = _defaultProps$props.downIcon, className = _defaultProps$props.className, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn("trendarrow");
-  var handleClick = function handleClick2() {
-  };
-  var rateTrend = useRef(rate > 0);
+  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 classPrefix = "nut-trendarrow";
+  var rateTrend = useRef(value > 0);
   var myFixed = function myFixed2(num) {
     var digit = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
     if (Object.is(parseFloat(num), NaN)) {
-      return console.log("传入的值：".concat(num, "不是一个数字"));
+      return console.warn("传入的值：".concat(num, "不是一个数字"));
     }
     num = parseFloat(num);
     var numPow = Math.pow(10, digit);
@@ -57,21 +53,21 @@ var TrendArrow = function TrendArrow2(props) {
   };
   var calcStyle = function() {
     var arrowColor = rateTrend.current ? riseColor : dropColor;
-    var textEquArrowColor = syncTextColor ? arrowColor : textColor;
-    var style = {
-      color: rate === 0 ? textColor : textEquArrowColor
+    var textEquArrowColor = syncColor ? arrowColor : color;
+    var style2 = {
+      color: value === 0 ? color : textEquArrowColor
     };
-    return style;
+    return style2;
   }();
   var calcRate = function() {
-    rateTrend.current = rate > 0;
-    var absRate = Math.abs(rate);
-    if (!showZero && rate === 0) {
+    rateTrend.current = value > 0;
+    var absRate = Math.abs(value);
+    if (!zero && value === 0) {
       return "--";
     }
     var resultRate = "".concat(
       // eslint-disable-next-line no-nested-ternary
-      showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""
+      symbol && value !== 0 ? rateTrend.current ? "+" : "-" : ""
     ).concat(myFixed(Number(absRate), digits), "%");
     return resultRate;
   }();
@@ -84,17 +80,16 @@ var TrendArrow = function TrendArrow2(props) {
   var renderContent = function renderContent2(arrowLeft2) {
     var classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
     return React__default.createElement("span", {
-      className: "".concat(b(classNameSuffix), " ").concat(b("rate")),
+      className: "".concat(classPrefix, "__").concat(classNameSuffix, " ").concat(classPrefix, "__value"),
       style: calcStyle
     }, calcRate);
   };
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), {}, {
-    onClick: handleClick
-  }), !arrowLeft && renderContent(!arrowLeft), children || React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && React__default.createElement(React__default.Fragment, null, rateTrend ? React__default.createElement(TriangleUp, {
+  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, {
     color: calcIconProps.color
-  }) : React__default.createElement(TriangleDown, {
+  })) : React__default.createElement(React__default.Fragment, null, downIcon || React__default.createElement(TriangleDown, {
     color: calcIconProps.color
   }))), arrowLeft && renderContent(!arrowLeft));
 };

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/Uploader.js

@@ -31,7 +31,7 @@ import classNames from "classnames";
 import { Failure, Loading, Link, Del, Photograph } from "@nutui/icons-react";
 import Progress from "./Progress.js";
 import { useConfig } from "./ConfigProvider.js";
-import { i as isPromise } from "./index.js";
+import { a as isPromise } from "./index.js";
 import { C as ComponentDefaults } from "./typings.js";
 var UploadOptions = /* @__PURE__ */ _createClass(function UploadOptions2() {
   _classCallCheck(this, UploadOptions2);

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/Video.js

@@ -1,6 +1,6 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "source", "options", "className", "play", "pause", "playend", "onPlay", "onPause", "onPlayEnd"];
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "source", "options", "className", "onPlay", "onPause", "onPlayEnd"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -24,9 +24,8 @@ function _objectSpread(target) {
 }
 import React__default, { useRef, useEffect } 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), {}, {
   source: {
     type: {},
     src: ""
@@ -39,12 +38,12 @@ var defaultProps = {
     playsinline: false,
     loop: false
   }
-};
+});
+var classPrefix = "nut-video";
 var Video = function Video2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, source = _defaultProps$props.source, options = _defaultProps$props.options, className = _defaultProps$props.className, play = _defaultProps$props.play, pause = _defaultProps$props.pause, playend = _defaultProps$props.playend, onPlay = _defaultProps$props.onPlay, onPause = _defaultProps$props.onPause, onPlayEnd = _defaultProps$props.onPlayEnd, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), children = _defaultProps$props.children, source = _defaultProps$props.source, options = _defaultProps$props.options, className = _defaultProps$props.className, onPlay = _defaultProps$props.onPlay, onPause = _defaultProps$props.onPause, onPlayEnd = _defaultProps$props.onPlayEnd, restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var rootRef = useRef(null);
-  var b = cn("video");
-  var classes = classNames(className, b(""));
+  var classes = classNames(className, classPrefix);
   useEffect(function() {
     init();
   }, []);
@@ -64,16 +63,13 @@ var Video = function Video2(props) {
       }
       videoRef.addEventListener("play", function() {
         onPlay && onPlay(videoRef);
-        play && play(videoRef);
       });
       videoRef.addEventListener("pause", function() {
         onPause && onPause(videoRef);
-        pause && pause(videoRef);
       });
       videoRef.addEventListener("ended", function() {
         videoRef.currentTime = 0;
         onPlayEnd && onPlayEnd(videoRef);
-        playend && playend(videoRef);
       });
     }
   };

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)}