@nutui/nutui-react 1.5.1 → 2.0.0-alpha.1

package/dist/esm/Toast.js

@@ -5,23 +5,68 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 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), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-import * as React from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-import Icon from './Icon.js';
-import { r as render, u as unmount } from './render-bbebb760.js';
-import '@bem-react/classname';
-import 'react-dom';
-var Notification = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(Notification, _React$PureComponent);
-  var _super = _createSuper(Notification);
-  function Notification(props) {
+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;
+}
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived), result;
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+    return _possibleConstructorReturn(this, result);
+  };
+}
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct)
+    return false;
+  if (Reflect.construct.sham)
+    return false;
+  if (typeof Proxy === "function")
+    return true;
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+    }));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+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 "react-dom";
+var Notification = /* @__PURE__ */ function(_React$PureComponent) {
+  _inherits(Notification2, _React$PureComponent);
+  var _super = _createSuper(Notification2);
+  function Notification2(props) {
     var _this;
-    _classCallCheck(this, Notification);
+    _classCallCheck(this, Notification2);
     _this = _super.call(this, props);
     _defineProperty(_assertThisInitialized(_this), "closeTimer", void 0);
     _this.close = _this.close.bind(_assertThisInitialized(_this));
@@ -31,7 +76,7 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
     _this.clickCover = _this.clickCover.bind(_assertThisInitialized(_this));
     return _this;
   }
-  _createClass(Notification, [{
+  _createClass(Notification2, [{
     key: "close",
     value: function close() {
       this.clearCloseTimer();
@@ -43,9 +88,9 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
       var _this2 = this;
       var duration = this.props.duration;
       if (duration) {
-        this.closeTimer = window.setTimeout(function () {
+        this.closeTimer = window.setTimeout(function() {
           _this2.close();
-        }, duration * 1000);
+        }, duration * 1e3);
       }
     }
   }, {
@@ -76,68 +121,48 @@ var Notification = /*#__PURE__*/function (_React$PureComponent) {
     }
   }, {
     key: "render",
-    value: function render() {
-      var _classNames,
-        _this3 = this;
-      var _this$props = this.props,
-        id = _this$props.id,
-        style = _this$props.style,
-        icon = _this$props.icon,
-        iconSize = _this$props.iconSize,
-        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');
+    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'
+        "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 : ''
+          bottom: center ? "auto" : "".concat(bottom),
+          backgroundColor: cover ? coverColor : ""
         }, style),
         onClick: function onClick() {
           _this3.clickCover();
         }
       }, React.createElement("div", {
-        className: toastBem('inner'),
+        className: toastBem("inner"),
         style: {
-          textAlign: textAlignCenter ? 'center' : 'left',
+          textAlign: textAlignCenter ? "center" : "left",
           backgroundColor: bgColor
         }
       }, icon ? React.createElement("p", {
-        className: toastBem('icon-wrapper')
-      }, React.createElement(Icon, {
-        name: icon || '',
-        color: "#ffffff",
-        size: iconSize
-      })) : null, title ? React.createElement("div", {
+        className: toastBem("icon-wrapper")
+      }, icon) : null, title ? React.createElement("div", {
         className: "nut-toast-title"
       }, title) : null, React.createElement("span", {
-        className: toastBem('text')
+        className: toastBem("text")
       }, msg))));
     }
   }]);
-  return Notification;
+  return Notification2;
 }(React.PureComponent);
 _defineProperty(Notification, "newInstance", void 0);
-Notification.newInstance = function (properties, callback) {
-  var element = document.createElement('div');
+Notification.newInstance = function(properties, callback) {
+  var element = document.createElement("div");
   if (properties.id) {
-    element.setAttribute('id', "".concat(properties.id));
+    element.setAttribute("id", "".concat(properties.id));
   }
   document.body.appendChild(element);
   var called = false;
@@ -155,38 +180,39 @@ Notification.newInstance = function (properties, callback) {
     });
   }
   render(React.createElement(Notification, _objectSpread(_objectSpread({}, properties), {}, {
-    ref: ref
+    ref
   })), element);
 };
 var messageInstance = null;
 var options = {
-  msg: '',
-  id: '',
+  msg: "",
+  id: "",
   style: {},
   duration: 1.5,
   center: true,
-  type: 'text',
-  title: '',
-  customClass: '',
-  bottom: '30px',
-  size: 'base',
+  type: "text",
+  title: "",
+  customClass: "",
+  bottom: "30px",
+  size: "base",
   icon: null,
-  iconSize: '20',
+  iconSize: "20",
   textAlignCenter: true,
   loadingRotate: true,
-  bgColor: 'rgba(0, 0, 0, .8)',
-  onClose: function onClose() {},
+  bgColor: "rgba(0, 0, 0, .8)",
+  onClose: function onClose() {
+  },
   cover: false,
-  coverColor: 'rgba(0, 0, 0, 0)',
-  closeOnClickOverlay: false // 是否点击遮罩可关闭
+  coverColor: "rgba(0, 0, 0, 0)",
+  closeOnClickOverlay: false
+  // 是否点击遮罩可关闭
 };
-
 function getInstance(props, callback) {
   if (messageInstance) {
     messageInstance.destroy();
     messageInstance = null;
   }
-  Notification.newInstance(props, function (notification) {
+  Notification.newInstance(props, function(notification) {
     return callback && callback(notification);
   });
 }
@@ -200,65 +226,65 @@ function notice(opts) {
   var opts2 = _objectSpread(_objectSpread(_objectSpread({}, options), opts), {}, {
     onClose: close
   });
-  getInstance(opts2, function (notification) {
+  getInstance(opts2, function(notification) {
     messageInstance = notification;
   });
 }
-var errorMsg = function errorMsg(msg) {
+var errorMsg = function errorMsg2(msg) {
   if (!msg) {
-    console.warn('[NutUI Toast]: msg cannot be null');
+    console.warn("[NutUI Toast]: msg cannot be null");
   }
 };
 var Toast = {
   text: function text(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      type: 'text'
+      msg,
+      type: "text"
     }, option));
   },
   success: function success(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      icon: 'success',
-      type: 'success'
+      msg,
+      icon: "success",
+      type: "success"
     }, option));
   },
   fail: function fail(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      icon: 'failure',
-      type: 'fail'
+      msg,
+      icon: "failure",
+      type: "fail"
     }, option));
   },
   loading: function loading(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      icon: 'loading',
-      type: 'loading'
+      msg,
+      icon: React.createElement(Loading, null),
+      type: "loading"
     }, option));
   },
   warn: function warn(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg,
-      icon: 'tips',
-      type: 'warn'
+      msg,
+      icon: "tips",
+      type: "warn"
     }, option));
   },
   customIcon: function customIcon(msg) {
-    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     errorMsg(msg);
     return notice(_objectSpread({
-      msg: msg
+      msg
     }, option));
   },
   hide: function hide() {
@@ -268,4 +294,6 @@ var Toast = {
     }
   }
 };
-export { Toast as default };
+export {
+  Toast as default
+};

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

@@ -1,2 +1,2 @@
-import '../../Icon/style'
+
 import '../../../packages/trendarrow/trendarrow.scss'

package/dist/esm/TrendArrow.js

@@ -1,12 +1,31 @@
 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", "iconSize", "upIconName", "downIconName", "className", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useRef } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import Icon from './Icon.js';
-import '@bem-react/classname';
+var _excluded = ["rate", "digits", "showSign", "showZero", "arrowLeft", "syncTextColor", "textColor", "riseColor", "dropColor", "upIcon", "downIcon", "className", "children"];
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), 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, { 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,
   digits: 2,
@@ -14,45 +33,29 @@ var defaultProps = {
   showZero: false,
   arrowLeft: false,
   syncTextColor: true,
-  textColor: '#333',
-  riseColor: '#fa2c19',
-  dropColor: '#64b578',
-  iconSize: '12px',
-  upIconName: 'triangle-up',
-  downIconName: 'triangle-down',
-  className: ''
+  textColor: "#333",
+  riseColor: "#fa2c19",
+  dropColor: "#64b578",
+  upIcon: null,
+  downIcon: null,
+  className: ""
 };
-var TrendArrow = function TrendArrow(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,
-    iconSize = _defaultProps$props.iconSize,
-    upIconName = _defaultProps$props.upIconName,
-    downIconName = _defaultProps$props.downIconName,
-    className = _defaultProps$props.className,
-    children = _defaultProps$props.children,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('trendarrow');
-  var handleClick = function handleClick() {};
+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 myFixed = function myFixed(num) {
-    var digit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  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("\u4F20\u5165\u7684\u503C\uFF1A".concat(num, "\u4E0D\u662F\u4E00\u4E2A\u6570\u5B57"));
+      return console.log("传入的值：".concat(num, "不是一个数字"));
     }
     num = parseFloat(num);
-    // eslint-disable-next-line no-restricted-properties
     var numPow = Math.pow(10, digit);
     return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
   };
-  var calcStyle = function () {
+  var calcStyle = function() {
     var arrowColor = rateTrend.current ? riseColor : dropColor;
     var textEquArrowColor = syncTextColor ? arrowColor : textColor;
     var style = {
@@ -60,29 +63,28 @@ var TrendArrow = function TrendArrow(props) {
     };
     return style;
   }();
-  var calcRate = function () {
+  var calcRate = function() {
     rateTrend.current = rate > 0;
     var absRate = Math.abs(rate);
     if (!showZero && rate === 0) {
-      return '--';
+      return "--";
     }
     var resultRate = "".concat(
-    // eslint-disable-next-line no-nested-ternary
-    showSign && rate !== 0 ? rateTrend.current ? '+' : '-' : '').concat(myFixed(Number(absRate), digits), "%");
+      // eslint-disable-next-line no-nested-ternary
+      showSign && rate !== 0 ? rateTrend.current ? "+" : "-" : ""
+    ).concat(myFixed(Number(absRate), digits), "%");
     return resultRate;
   }();
-  var calcIconProps = function () {
+  var calcIconProps = function() {
     var iconProps = {
-      name: rateTrend.current ? upIconName : downIconName,
-      color: rateTrend.current ? riseColor : dropColor,
-      size: iconSize
+      color: rateTrend.current ? riseColor : dropColor
     };
     return iconProps;
   }();
-  var renderContent = function renderContent(arrowLeft) {
-    var classNameSuffix = !arrowLeft ? 'icon-after' : 'icon-before';
+  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(b(classNameSuffix), " ").concat(b("rate")),
       style: calcStyle
     }, calcRate);
   };
@@ -90,12 +92,14 @@ var TrendArrow = function TrendArrow(props) {
     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(Icon, {
-    size: calcIconProps.size,
-    name: calcIconProps.name,
+  }), !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, {
+    color: calcIconProps.color
+  }) : React__default.createElement(TriangleDown, {
     color: calcIconProps.color
-  })), arrowLeft && renderContent(!arrowLeft));
+  }))), arrowLeft && renderContent(!arrowLeft));
 };
 TrendArrow.defaultProps = defaultProps;
-TrendArrow.displayName = 'NutTrendArrow';
-export { TrendArrow as default };
+TrendArrow.displayName = "NutTrendArrow";
+export {
+  TrendArrow as default
+};

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

@@ -1,4 +1,3 @@
-import '../../Icon/style'
 import '../../Progress/style'
 
 import '../../../packages/uploader/uploader.scss'