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

package/dist/esm/Animate.js

@@ -2,46 +2,55 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "type", "action", "loop", "onClick", "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, { useState } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-3b438e61.js';
-import '@bem-react/classname';
+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, { useState } from "react";
+import classNames from "classnames";
+import { c as cn } from "./bem.js";
+import "@bem-react/classname";
 var defaultProps = {
-  type: 'shake',
-  action: 'initial',
+  type: "shake",
+  action: "initial",
   loop: false,
-  onClick: function onClick(event) {}
+  onClick: function onClick(event) {
+  }
 };
-var Animate = function Animate(props) {
+var Animate = function Animate2(props) {
   var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    type = _defaultProps$props.type,
-    action = _defaultProps$props.action,
-    loop = _defaultProps$props.loop,
-    onClick = _defaultProps$props.onClick,
-    children = _defaultProps$props.children,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    clicked = _useState2[0],
-    setClicked = _useState2[1];
-  var b = cn('animate');
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, type = _defaultProps$props.type, action = _defaultProps$props.action, loop = _defaultProps$props.loop, onClick2 = _defaultProps$props.onClick, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), clicked = _useState2[0], setClicked = _useState2[1];
+  var b = cn("animate");
   var classes = classNames((_classNames = {
-    'nut-ani-container': true
-  }, _defineProperty(_classNames, "".concat(b(''), "-").concat(type), action === 'initial' || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
+    "nut-ani-container": true
+  }, _defineProperty(_classNames, "".concat(b(""), "-").concat(type), action === "initial" || clicked ? type : false), _defineProperty(_classNames, "loop", loop), _classNames));
   var cls = classNames(classes, className);
-  var handleClick = function handleClick(event) {
+  var handleClick = function handleClick2(event) {
     setClicked(true);
-    // 如果不是无限循环，清除类名
     if (!loop) {
-      setTimeout(function () {
+      setTimeout(function() {
         setClicked(false);
-      }, 1000);
+      }, 1e3);
     }
-    onClick && onClick(event);
+    onClick2 && onClick2(event);
   };
   return React__default.createElement("div", {
     className: "nut-animate"
@@ -51,5 +60,7 @@ var Animate = function Animate(props) {
   }, rest), children));
 };
 Animate.defaultProps = defaultProps;
-Animate.displayName = 'NutAnimate';
-export { Animate as default };
+Animate.displayName = "NutAnimate";
+export {
+  Animate as default
+};

package/dist/esm/AnimatingNumbers.js

@@ -6,56 +6,93 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"];
-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; } }
-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, useMemo, useEffect, Component } from 'react';
-import { c as cn } from './bem-3b438e61.js';
-import '@bem-react/classname';
+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;
+  }
+}
+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, useMemo, useEffect, Component } from "react";
+import { c as cn } from "./bem.js";
+import "@bem-react/classname";
 var defaultProps$1 = {
   maxLen: 0,
-  endNumber: '',
+  endNumber: "",
   delaySpeed: 300,
   easeSpeed: 1,
   thousands: false,
-  className: ''
+  className: ""
 };
-var CountUp = function CountUp(props) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
-    maxLen = _defaultProps$1$props.maxLen,
-    endNumber = _defaultProps$1$props.endNumber,
-    delaySpeed = _defaultProps$1$props.delaySpeed,
-    easeSpeed = _defaultProps$1$props.easeSpeed,
-    className = _defaultProps$1$props.className,
-    thousands = _defaultProps$1$props.thousands,
-    reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
-  var b = cn('countup');
+var CountUp = function CountUp2(props) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props), maxLen = _defaultProps$1$props.maxLen, endNumber = _defaultProps$1$props.endNumber, delaySpeed = _defaultProps$1$props.delaySpeed, easeSpeed = _defaultProps$1$props.easeSpeed, className = _defaultProps$1$props.className, thousands = _defaultProps$1$props.thousands, reset = _objectWithoutProperties(_defaultProps$1$props, _excluded);
+  var b = cn("countup");
   var countupRef = useRef(null);
   var timerRef = useRef(0);
   var numbers = Array.from({
     length: 10
-  }, function (v, i) {
+  }, function(v, i) {
     return i;
   });
-  var getShowNumber = function getShowNumber() {
-    var splitArr = endNumber.split('.');
-    var intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join('0') + splitArr[0]).slice(-maxLen) : splitArr[0];
-    var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : intNumber).concat(splitArr[1] ? '.' : '').concat(splitArr[1] || '');
-    return currNumber.split('');
+  var getShowNumber = function getShowNumber2() {
+    var splitArr = endNumber.split(".");
+    var intNumber = maxLen && splitArr[0].length < maxLen ? (Array(maxLen).join("0") + splitArr[0]).slice(-maxLen) : splitArr[0];
+    var currNumber = "".concat(thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") : intNumber).concat(splitArr[1] ? "." : "").concat(splitArr[1] || "");
+    return currNumber.split("");
   };
   var numerArr = useMemo(getShowNumber, [endNumber, maxLen, thousands]);
-  var setNumberTransform = function setNumberTransform() {
+  var setNumberTransform = function setNumberTransform2() {
     if (countupRef.current) {
-      var numberItems = countupRef.current.querySelectorAll('.nut-countup__number');
-      var numberFilterArr = numerArr.filter(function (item) {
+      var numberItems = countupRef.current.querySelectorAll(".nut-countup__number");
+      var numberFilterArr = numerArr.filter(function(item) {
         return !Number.isNaN(Number(item));
       });
-      Object.keys(numberItems).forEach(function (key) {
+      Object.keys(numberItems).forEach(function(key) {
         var elem = numberItems[Number(key)];
         var idx = Number(numberFilterArr[Number(key)]);
         if ((idx || idx === 0) && elem) {
-          // 计算规则：父元素和实际列表高度的百分比，分割成20等份
           var transform = "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)");
           elem.style.transform = transform;
           elem.style.webkitTransform = transform;
@@ -66,11 +103,11 @@ var CountUp = function CountUp(props) {
   var numberEaseStyle = {
     transition: "transform ".concat(easeSpeed, "s ease-in-out")
   };
-  useEffect(function () {
-    timerRef.current = window.setTimeout(function () {
+  useEffect(function() {
+    timerRef.current = window.setTimeout(function() {
       setNumberTransform();
     }, delaySpeed);
-    return function () {
+    return function() {
       window.clearTimeout(timerRef.current);
     };
   }, [numerArr]);
@@ -78,39 +115,39 @@ var CountUp = function CountUp(props) {
     className: "".concat(b(), " ").concat(className),
     ref: countupRef
   }, React__default.createElement("ul", {
-    className: b('list')
-  }, numerArr.map(function (item, idx) {
+    className: b("list")
+  }, numerArr.map(function(item, idx) {
     return React__default.createElement("li", {
-      className: "".concat(b('listitem', {
+      className: "".concat(b("listitem", {
         number: !Number.isNaN(Number(item))
       })),
       key: idx
     }, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
-      className: b('number'),
+      className: b("number"),
       style: numberEaseStyle
-    }, [].concat(numbers, numbers).map(function (number, subidx) {
+    }, [].concat(numbers, numbers).map(function(number, subidx) {
       return React__default.createElement("span", {
         key: subidx
       }, number);
     })) : React__default.createElement("span", {
-      className: b('separator')
+      className: b("separator")
     }, item));
   })));
 };
 CountUp.defaultProps = defaultProps$1;
-CountUp.displayName = 'NutCountUp';
+CountUp.displayName = "NutCountUp";
 var defaultProps = {};
-var AnimatingNumbers = /*#__PURE__*/function (_Component) {
-  _inherits(AnimatingNumbers, _Component);
-  var _super = _createSuper(AnimatingNumbers);
-  function AnimatingNumbers(props) {
+var AnimatingNumbers = /* @__PURE__ */ function(_Component) {
+  _inherits(AnimatingNumbers2, _Component);
+  var _super = _createSuper(AnimatingNumbers2);
+  function AnimatingNumbers2(props) {
     var _this;
-    _classCallCheck(this, AnimatingNumbers);
+    _classCallCheck(this, AnimatingNumbers2);
     _this = _super.call(this, props);
     _this.state = {};
     return _this;
   }
-  _createClass(AnimatingNumbers, [{
+  _createClass(AnimatingNumbers2, [{
     key: "render",
     value: function render() {
       return React__default.createElement("div", {
@@ -118,10 +155,12 @@ var AnimatingNumbers = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return AnimatingNumbers;
+  return AnimatingNumbers2;
 }(Component);
 _defineProperty(AnimatingNumbers, "defaultProps", defaultProps);
-_defineProperty(AnimatingNumbers, "displayName", 'NutAnimatingNumbers');
+_defineProperty(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
 _defineProperty(AnimatingNumbers, "CountUp", CountUp);
 AnimatingNumbers.CountUp = CountUp;
-export { AnimatingNumbers as default };
+export {
+  AnimatingNumbers as default
+};

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

@@ -1,4 +1,3 @@
-import '../../Icon/style'
 import '../../Button/style'
 import '../../Range/style'
 import '../../../packages/audio/audio.scss'