@nutui/nutui-react 1.3.5 → 1.3.7

package/dist/esm/Grid.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "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), !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 from 'react';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
@@ -21,52 +18,41 @@ var defaultProps = {
   iconSize: 28,
   iconColor: ''
 };
-
 var Grid = function Grid(props) {
   useConfig();
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      columnNum = _defaultProps$props.columnNum,
-      border = _defaultProps$props.border,
-      gutter = _defaultProps$props.gutter,
-      center = _defaultProps$props.center,
-      square = _defaultProps$props.square,
-      reverse = _defaultProps$props.reverse,
-      direction = _defaultProps$props.direction,
-      style = _defaultProps$props.style,
-      iconSize = _defaultProps$props.iconSize,
-      iconColor = _defaultProps$props.iconColor,
-      className = _defaultProps$props.className,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    columnNum = _defaultProps$props.columnNum,
+    border = _defaultProps$props.border,
+    gutter = _defaultProps$props.gutter,
+    center = _defaultProps$props.center,
+    square = _defaultProps$props.square,
+    reverse = _defaultProps$props.reverse,
+    direction = _defaultProps$props.direction,
+    style = _defaultProps$props.style,
+    iconSize = _defaultProps$props.iconSize,
+    iconColor = _defaultProps$props.iconColor,
+    className = _defaultProps$props.className,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var childrenDom = React__default.Children.toArray(children);
-
   var pxCheck = function pxCheck(value) {
     return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
   };
-
   var b = cn('grid');
-
   var rootClass = function rootClass() {
     var prefixCls = b();
     return "".concat(className, " ").concat(prefixCls, " ").concat(border && !gutter ? "".concat(b('border')) : '');
   };
-
   var rootStyle = function rootStyle() {
     var styleSelf = {};
-
     if (style) {
       styleSelf = style;
     }
-
     if (gutter) {
       styleSelf.paddingLeft = pxCheck(gutter);
     }
-
     return styleSelf;
   };
-
   return React__default.createElement("div", _objectSpread({
     className: rootClass(),
     style: rootStyle()
@@ -85,7 +71,6 @@ var Grid = function Grid(props) {
     });
   }));
 };
-
 Grid.defaultProps = defaultProps;
 Grid.displayName = 'NutGrid';
 export { Grid as default };

package/dist/esm/GridItem.js

@@ -1,18 +1,14 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName"];
-
 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 from 'react';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   text: '',
   icon: '',
@@ -28,62 +24,51 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   reverse: false,
   direction: 'vertical'
 });
-
 var GridItem = function GridItem(props) {
   useConfig();
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      columnNum = _defaultProps$props.columnNum,
-      index = _defaultProps$props.index,
-      gutter = _defaultProps$props.gutter,
-      square = _defaultProps$props.square,
-      text = _defaultProps$props.text,
-      icon = _defaultProps$props.icon,
-      iconColor = _defaultProps$props.iconColor,
-      iconSize = _defaultProps$props.iconSize,
-      parentIconSize = _defaultProps$props.parentIconSize,
-      parentIconColor = _defaultProps$props.parentIconColor,
-      border = _defaultProps$props.border,
-      center = _defaultProps$props.center,
-      reverse = _defaultProps$props.reverse,
-      direction = _defaultProps$props.direction,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    columnNum = _defaultProps$props.columnNum,
+    index = _defaultProps$props.index,
+    gutter = _defaultProps$props.gutter,
+    square = _defaultProps$props.square,
+    text = _defaultProps$props.text,
+    icon = _defaultProps$props.icon,
+    iconColor = _defaultProps$props.iconColor,
+    iconSize = _defaultProps$props.iconSize,
+    parentIconSize = _defaultProps$props.parentIconSize,
+    parentIconColor = _defaultProps$props.parentIconColor,
+    border = _defaultProps$props.border,
+    center = _defaultProps$props.center,
+    reverse = _defaultProps$props.reverse,
+    direction = _defaultProps$props.direction,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('grid-item');
-
   var pxCheck = function pxCheck(value) {
     return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
   };
-
   var rootStyle = function rootStyle() {
     var style = {
       flexBasis: "".concat(100 / +columnNum, "%")
     };
-
     if (square) {
       style.paddingTop = "".concat(100 / +columnNum, "%");
     } else if (gutter) {
       style.paddingRight = pxCheck(gutter);
-
       if (index >= columnNum) {
         style.marginTop = pxCheck(gutter);
       }
     }
-
     return style;
   };
-
   var contentClass = function contentClass() {
     return "".concat(b('content'), " ").concat(border && b('content--border'), " ").concat(border && gutter && b('content--surround'), "  ").concat(center && b('content--center'), " ").concat(square && b('content--square'), " ").concat(reverse && b('content--reverse'), " ").concat(!!direction && b("content--".concat(direction)), "\n      ");
   };
-
   var isIconName = function isIconName() {
     return typeof icon === 'string';
   };
-
   return React__default.createElement("div", _objectSpread({
     className: b(),
     style: rootStyle()
@@ -99,7 +84,6 @@ var GridItem = function GridItem(props) {
     className: "nut-grid-item__text"
   }, text), children && React__default.createElement(React__default.Fragment, null, children)));
 };
-
 GridItem.defaultProps = defaultProps;
 GridItem.displayName = 'NutGridItem';
 export { GridItem as default };

package/dist/esm/ImagePreview.js

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 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, useState, useEffect } from 'react';
 import Popup from './Popup.js';
 import Video from './Video.js';
@@ -21,70 +18,57 @@ var defaultProps = {
   paginationColor: '#fff',
   onClose: function onClose() {}
 };
-
 var ImagePreview = function ImagePreview(props) {
   var images = props.images,
-      videos = props.videos,
-      show = props.show,
-      initNo = props.initNo,
-      paginationColor = props.paginationColor,
-      paginationVisible = props.paginationVisible,
-      autoplay = props.autoplay,
-      contentClose = props.contentClose,
-      onClose = props.onClose;
+    videos = props.videos,
+    show = props.show,
+    initNo = props.initNo,
+    paginationColor = props.paginationColor,
+    paginationVisible = props.paginationVisible,
+    autoplay = props.autoplay,
+    contentClose = props.contentClose,
+    onClose = props.onClose;
   var nutImagePreview = useRef(null);
-
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showPop = _useState2[0],
-      setShowPop = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    showPop = _useState2[0],
+    setShowPop = _useState2[1];
   var _useState3 = useState(1),
-      _useState4 = _slicedToArray(_useState3, 2),
-      active = _useState4[0],
-      setActive = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    setActive = _useState4[1];
   var _useState5 = useState(1),
-      _useState6 = _slicedToArray(_useState5, 2),
-      maxNo = _useState6[0],
-      setMaxNo = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    maxNo = _useState6[0],
+    setMaxNo = _useState6[1];
   var _useState7 = useState({
-    scale: 1,
-    moveable: false
-  }),
-      _useState8 = _slicedToArray(_useState7, 2),
-      store = _useState8[0],
-      setStore = _useState8[1];
-
+      scale: 1,
+      moveable: false
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    store = _useState8[0],
+    setStore = _useState8[1];
   var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      lastTouchEndTime = _useState10[0],
-      setLastTouchEndTime = _useState10[1]; // 用来辅助监听双击
-
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    lastTouchEndTime = _useState10[0],
+    setLastTouchEndTime = _useState10[1]; // 用来辅助监听双击
   var onTouchStart = function onTouchStart(event) {
     var touches = event.touches;
     var events = touches[0];
-    var events2 = touches[1]; // 如果已经放大，双击应变回原尺寸；如果是原尺寸，双击应放大
-
+    var events2 = touches[1];
+    // 如果已经放大，双击应变回原尺寸；如果是原尺寸，双击应放大
     var curTouchTime = new Date().getTime();
-
     if (curTouchTime - lastTouchEndTime < 300) {
       var _store = store;
-
       if (_store.scale > 1) {
         _store.scale = 1;
       } else if (_store.scale === 1) {
         _store.scale = 2;
       }
-
       scaleNow();
     }
-
     var store1 = store;
     store1.moveable = true;
-
     if (events2) {
       // 如果开始两指操作，记录初始时刻两指间的距离
       store1.oriDistance = getDistance({
@@ -94,23 +78,19 @@ var ImagePreview = function ImagePreview(props) {
         x: events2.pageX,
         y: events2.pageY
       });
-    } // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
-
-
+    }
+    // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
     store1.originScale = store1.scale || 1;
   };
-
   var onTouchMove = function onTouchMove(event) {
     var touches = event.touches;
     var events = touches[0];
     var events2 = touches[1];
-
     if (!store.moveable) {
       return;
     }
-
-    var store1 = store; // 双指移动
-
+    var store1 = store;
+    // 双指移动
     if (events2) {
       // 获得当前两点间的距离
       var curDistance = getDistance({
@@ -124,35 +104,29 @@ var ImagePreview = function ImagePreview(props) {
        * 注意此处的 scale 变化是基于 store.scale 的。
        * store.scale 是一个暂存值，比如第一次放大 2 倍，则 store.scale 为 2。
        * 再次两指触碰的时候，store.originScale 就为 store.scale 的值，基于此时的 store.scale 继续放大缩小。 * */
-
       var curScale = curDistance / store1.oriDistance;
-      store1.scale = store1.originScale * curScale; // 最大放大 3 倍，缩小后松手要弹回原比例
-
+      store1.scale = store1.originScale * curScale;
+      // 最大放大 3 倍，缩小后松手要弹回原比例
       if (store1.scale > 3) {
         store1.scale = 3;
       }
-
       scaleNow();
     }
   };
-
   var onTouchEnd = function onTouchEnd() {
     setLastTouchEndTime(new Date().getTime());
     var store1 = store;
     store1.moveable = false;
-
     if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
       store1.scale = 1;
       scaleNow();
     }
   };
-
   var init = function init() {
     document.addEventListener('touchmove', onTouchMove);
     document.addEventListener('touchend', onTouchEnd);
     document.addEventListener('touchcancel', onTouchEnd);
   };
-
   useEffect(function () {
     if (show !== undefined) {
       setShowPop(show);
@@ -163,22 +137,18 @@ var ImagePreview = function ImagePreview(props) {
     if (initNo !== undefined) {
       setActive(initNo);
     }
-
     if (show !== undefined) {
       setShowPop(show);
     }
-
     if (images && videos) {
       setMaxNo(images.length + videos.length);
     }
   }, []);
-
   var scaleNow = function scaleNow() {
     if (nutImagePreview.current) {
       nutImagePreview.current.style.transform = "scale(".concat(store.scale, ")");
     }
   };
-
   var onCloseInner = function onCloseInner() {
     setShowPop(false);
     setActive(1);
@@ -187,26 +157,22 @@ var ImagePreview = function ImagePreview(props) {
     setStore(_objectSpread(_objectSpread({}, store), {}, {
       scale: 1
     }));
-  }; // 计算两个点的距离
-
-
+  };
+  // 计算两个点的距离
   var getDistance = function getDistance(first, second) {
     // 计算两个点起始时刻的距离和终止时刻的距离，终止时刻距离变大了则放大，变小了则缩小
     // 放大 k 倍则 scale 也 扩大 k 倍
     return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
   };
-
   var slideChangeEnd = function slideChangeEnd(page) {
     setActive(page + 1);
   };
-
   var closeOnImg = function closeOnImg() {
     // 点击内容区域的图片是否可以关闭弹层（视频区域由于nut-video做了限制，无法关闭弹层）
     if (contentClose) {
       onCloseInner();
     }
   };
-
   return React__default.createElement(Popup, {
     visible: showPop,
     popClass: "custom-pop",
@@ -251,7 +217,6 @@ var ImagePreview = function ImagePreview(props) {
     className: "nut-imagepreview-index"
   }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
 };
-
 ImagePreview.defaultProps = defaultProps;
 ImagePreview.displayName = 'NutImagePreview';
 export { ImagePreview as default };

package/dist/esm/Indicator.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["size", "current", "block", "align", "fillZero", "children", "className", "vertical"];
-
 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, { useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
@@ -18,27 +15,22 @@ var defaultProps = {
   fillZero: true,
   vertical: false
 };
-
 var Indicator = function Indicator(props) {
   var _classNames;
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      size = _defaultProps$props.size,
-      current = _defaultProps$props.current,
-      block = _defaultProps$props.block,
-      align = _defaultProps$props.align,
-      fillZero = _defaultProps$props.fillZero,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      vertical = _defaultProps$props.vertical,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    size = _defaultProps$props.size,
+    current = _defaultProps$props.current,
+    block = _defaultProps$props.block,
+    align = _defaultProps$props.align,
+    fillZero = _defaultProps$props.fillZero,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    vertical = _defaultProps$props.vertical,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('indicator');
   var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('block')), block), _defineProperty(_classNames, "".concat(b('align'), "__").concat(align), block && align), _defineProperty(_classNames, "".concat(b('vertical')), vertical), _classNames), b(''));
-
   var renderEles = function renderEles() {
     var childs = [];
-
     for (var item = 1; item <= size; item++) {
       childs.push(item === current ? React__default.createElement("div", {
         key: item,
@@ -48,16 +40,13 @@ var Indicator = function Indicator(props) {
         className: b('dot')
       }));
     }
-
     return childs;
   };
-
   useEffect(function () {}, []);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(classes, " ").concat(className)
   }, rest), renderEles());
 };
-
 Indicator.defaultProps = defaultProps;
 Indicator.displayName = 'NutIndicator';
 export { Indicator as default };