@nutui/nutui-react 1.3.5 → 1.3.7

package/dist/esm/Popover.js

@@ -8,24 +8,19 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/typeof";
 var _excluded = ["children", "list", "theme", "location", "visible", "offset", "className", "style", "onClick", "onChoose", "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; }
-
 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 React__default, { useRef, useState, useEffect } from 'react';
 import Icon from './Icon.js';
 import Overlay from './Overlay.js';
 import { g as getRect } from './useClientRect-839d18c5.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
+
 /**
  * 过滤ref
  */
-
 function fillRef(ref, node) {
   if (typeof ref === 'function') {
     ref(node);
@@ -36,42 +31,31 @@ function fillRef(ref, node) {
 /**
  * 将ref合并到一个ref函数中以支持ref传递
  */
-
-
 function composeRef() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
-
   return function (node) {
     refs.forEach(function (ref) {
       fillRef(ref, node);
     });
   };
 }
-
 var Trigger = /*#__PURE__*/function (_React__default$Compo) {
   _inherits(Trigger, _React__default$Compo);
-
   var _super = _createSuper(Trigger);
-
   function Trigger() {
     _classCallCheck(this, Trigger);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(Trigger, [{
     key: "fireEvents",
     value: function fireEvents(type, e) {
       var childCallback = this.props.children.props[type];
-
       if (childCallback) {
         childCallback(e);
       }
-
       var callback = this.props[type];
-
       if (callback) {
         callback(e);
       }
@@ -80,29 +64,24 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          _this$props$className = _this$props.className,
-          className = _this$props$className === void 0 ? '' : _this$props$className;
+        children = _this$props.children,
+        _this$props$className = _this$props.className,
+        className = _this$props$className === void 0 ? '' : _this$props$className;
       var child = React__default.Children.only(children);
       var newChildProps = {
         key: 'trigger'
       };
-
       if (child && child.props && child.props.className) {
         newChildProps.className = className;
       }
-
       var cloneProps = _objectSpread({}, newChildProps);
-
       cloneProps.ref = composeRef(this.props.forwardedRef, child.ref);
       var trigger = React__default.cloneElement(child, cloneProps);
       return trigger;
     }
   }]);
-
   return Trigger;
 }(React__default.Component);
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   list: [],
   theme: 'light',
@@ -113,23 +92,21 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   onClick: function onClick(e) {},
   onChoose: function onChoose(item, index) {}
 });
-
 var Popover = function Popover(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      list = _defaultProps$props.list,
-      theme = _defaultProps$props.theme,
-      location = _defaultProps$props.location,
-      visible = _defaultProps$props.visible,
-      offset = _defaultProps$props.offset,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      onClick = _defaultProps$props.onClick,
-      onChoose = _defaultProps$props.onChoose,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      reset = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    list = _defaultProps$props.list,
+    theme = _defaultProps$props.theme,
+    location = _defaultProps$props.location,
+    visible = _defaultProps$props.visible,
+    offset = _defaultProps$props.offset,
+    className = _defaultProps$props.className,
+    style = _defaultProps$props.style,
+    onClick = _defaultProps$props.onClick,
+    onChoose = _defaultProps$props.onChoose,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    reset = _objectWithoutProperties(_defaultProps$props, _excluded);
   var goodItem = useRef(null);
   setTimeout(function () {
     if (goodItem.current && getRect(goodItem.current)) {
@@ -137,42 +114,34 @@ var Popover = function Popover(props) {
       setElHeight(getRect(goodItem.current).height);
     }
   });
-
   var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      classes = _useState2[0],
-      setClasses = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    classes = _useState2[0],
+    setClasses = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      elWidth = _useState4[0],
-      setElWidth = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    elWidth = _useState4[0],
+    setElWidth = _useState4[1];
   var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      elHeight = _useState6[0],
-      setElHeight = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    elHeight = _useState6[0],
+    setElHeight = _useState6[1];
   var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      popoverContent = _useState8[0],
-      setPopoverContent = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    popoverContent = _useState8[0],
+    setPopoverContent = _useState8[1];
   var _useState9 = useState(''),
-      _useState10 = _slicedToArray(_useState9, 2),
-      popoverArrow = _useState10[0],
-      setPopoverArrow = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    popoverArrow = _useState10[0],
+    setPopoverArrow = _useState10[1];
   useEffect(function () {
     setClasses(classesSelf());
     setPopoverContent(popoverContentSelf());
     setPopoverArrow(popoverArrowSelf());
   }, [list, theme]);
-
   var getStyle = function getStyle() {
     var offNumer = Number(offset) ? Number(offset) : 0;
     var style = {};
-
     if (location.includes('top')) {
       style.bottom = "".concat(elHeight + offNumer, "px");
     } else if (location.includes('right')) {
@@ -182,44 +151,36 @@ var Popover = function Popover(props) {
     } else {
       style.top = "".concat(elHeight + offNumer, "px");
     }
-
     return style;
   };
-
   var classesSelf = function classesSelf() {
     var prefixCls = 'nut-popover';
     return "".concat(prefixCls, " ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
   };
-
   var popoverContentSelf = function popoverContentSelf() {
     var prefixCls = 'popover-content';
     return "".concat(prefixCls, "-show ").concat(prefixCls, " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
   };
-
   var filter = function filter() {
     var ms = ['top', 'bottom', 'left', 'right'];
     return ms.filter(function (m) {
       return location.includes(m);
     })[0];
   };
-
   var popoverArrowSelf = function popoverArrowSelf() {
     var prefixCls = 'popover-arrow';
     return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(filter(), " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
   };
-
   var handleClick = function handleClick(e) {
     if (props.onClick) {
       props.onClick(e);
     }
   };
-
   var handleChoose = function handleChoose(item, index) {
     if (!item.disabled) {
       onChoose(item, index);
     }
   };
-
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread({
     className: "".concat(classes, " ").concat(className),
     style: _objectSpread({}, style)
@@ -259,7 +220,6 @@ var Popover = function Popover(props) {
     }
   }) : '');
 };
-
 Popover.defaultProps = defaultProps;
 Popover.displayName = 'NutPopover';
 export { Popover as default };

package/dist/esm/Popup.js

@@ -1,10 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
-
 import React__default, { useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
@@ -15,7 +12,6 @@ import Overlay from './Overlay.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   position: 'center',
   transition: '',
@@ -36,96 +32,80 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   onClickOverlay: function onClickOverlay(e) {},
   onClickCloseIcon: function onClickCloseIcon(e) {}
 }, defaultOverlayProps);
-
 var _zIndex = 2000;
-
 var Popup = function Popup(props) {
   var _classNames;
-
   var children = props.children,
-      visible = props.visible,
-      overlay = props.overlay,
-      closeOnClickOverlay = props.closeOnClickOverlay,
-      overlayStyle = props.overlayStyle,
-      overlayClass = props.overlayClass,
-      zIndex = props.zIndex,
-      lockScroll = props.lockScroll,
-      duration = props.duration,
-      closeable = props.closeable,
-      closeIconPosition = props.closeIconPosition,
-      closeIcon = props.closeIcon,
-      style = props.style,
-      transition = props.transition,
-      round = props.round,
-      position = props.position,
-      popClass = props.popClass,
-      className = props.className,
-      destroyOnClose = props.destroyOnClose,
-      teleport = props.teleport,
-      onOpen = props.onOpen,
-      onClose = props.onClose,
-      onClickOverlay = props.onClickOverlay,
-      onClickCloseIcon = props.onClickCloseIcon,
-      onOpened = props.onOpened,
-      onClosed = props.onClosed,
-      onClick = props.onClick,
-      iconClassPrefix = props.iconClassPrefix,
-      iconFontClassName = props.iconFontClassName;
-
+    visible = props.visible,
+    overlay = props.overlay,
+    closeOnClickOverlay = props.closeOnClickOverlay,
+    overlayStyle = props.overlayStyle,
+    overlayClass = props.overlayClass,
+    zIndex = props.zIndex,
+    lockScroll = props.lockScroll,
+    duration = props.duration,
+    closeable = props.closeable,
+    closeIconPosition = props.closeIconPosition,
+    closeIcon = props.closeIcon,
+    style = props.style,
+    transition = props.transition,
+    round = props.round,
+    position = props.position,
+    popClass = props.popClass,
+    className = props.className,
+    destroyOnClose = props.destroyOnClose,
+    teleport = props.teleport,
+    onOpen = props.onOpen,
+    onClose = props.onClose,
+    onClickOverlay = props.onClickOverlay,
+    onClickCloseIcon = props.onClickCloseIcon,
+    onOpened = props.onOpened,
+    onClosed = props.onClosed,
+    onClick = props.onClick,
+    iconClassPrefix = props.iconClassPrefix,
+    iconFontClassName = props.iconFontClassName;
   var _useState = useState(zIndex || _zIndex),
-      _useState2 = _slicedToArray(_useState, 2),
-      index = _useState2[0],
-      setIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
   var _useState3 = useState(visible),
-      _useState4 = _slicedToArray(_useState3, 2),
-      innerVisible = _useState4[0],
-      setInnerVisible = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    innerVisible = _useState4[0],
+    setInnerVisible = _useState4[1];
   var _useState5 = useState(true),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showChildren = _useState6[0],
-      setShowChildren = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    showChildren = _useState6[0],
+    setShowChildren = _useState6[1];
   var _useState7 = useState(''),
-      _useState8 = _slicedToArray(_useState7, 2),
-      transitionName = _useState8[0],
-      setTransitionName = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    transitionName = _useState8[0],
+    setTransitionName = _useState8[1];
   var b = cn('popup');
   var baseStyle = {
     zIndex: index,
     animationDuration: "".concat(duration, "s")
   };
-
   var overlayStyles = _objectSpread(_objectSpread({}, overlayStyle), baseStyle);
-
   var popStyles = _objectSpread(_objectSpread({}, style), baseStyle);
-
   var classes = classNames((_classNames = {
     round: round
   }, _defineProperty(_classNames, "popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className), true), _classNames), b(''));
   var closeClasses = classNames(_defineProperty({
     'nutui-popup__close-icon': true
   }, "nutui-popup__close-icon--".concat(closeIconPosition), true));
-
   var open = function open() {
     if (!innerVisible) {
       setInnerVisible(true);
       setIndex(++_zIndex);
     }
-
     if (destroyOnClose) {
       setShowChildren(true);
     }
-
     onOpen && onOpen();
   };
-
   var close = function close() {
     if (innerVisible) {
       setInnerVisible(false);
-
       if (destroyOnClose) {
         setTimeout(function () {
           setShowChildren(false);
@@ -134,45 +114,36 @@ var Popup = function Popup(props) {
       }
     }
   };
-
   var onHandleClickOverlay = function onHandleClickOverlay(e) {
     if (closeOnClickOverlay) {
       onClickOverlay && onClickOverlay(e);
       close();
     }
   };
-
   var onHandleClick = function onHandleClick(e) {
     onClick && onClick(e);
   };
-
   var onHandleClickCloseIcon = function onHandleClickCloseIcon(e) {
     onClickCloseIcon && onClickCloseIcon(e);
     close();
   };
-
   var onHandleOpened = function onHandleOpened(e) {
     onOpened && onOpened(e);
   };
-
   var onHandleClosed = function onHandleClosed(e) {
     onClosed && onClosed(e);
   };
-
   var resolveContainer = function resolveContainer(getContainer) {
     var container = typeof getContainer === 'function' ? getContainer() : getContainer;
     return container || document.body;
   };
-
   var renderToContainer = function renderToContainer(getContainer, node) {
     if (getContainer) {
       var container = resolveContainer(getContainer);
       return createPortal(node, container);
     }
-
     return node;
   };
-
   var renderPop = function renderPop() {
     return React__default.createElement(CSSTransition, {
       classNames: transitionName,
@@ -195,7 +166,6 @@ var Popup = function Popup(props) {
       size: "12px"
     })) : ''));
   };
-
   var renderNode = function renderNode() {
     return React__default.createElement(React__default.Fragment, null, overlay ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
       style: overlayStyles,
@@ -208,7 +178,6 @@ var Popup = function Popup(props) {
       onClick: onHandleClickOverlay
     }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
   };
-
   useEffect(function () {
     visible && open();
     !visible && close();
@@ -218,7 +187,6 @@ var Popup = function Popup(props) {
   }, [position]);
   return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
-
 Popup.defaultProps = defaultProps;
 Popup.displayName = 'NutPopup';
 export { Popup as default };

package/dist/esm/Price.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "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 { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
@@ -17,19 +14,16 @@ var defaultProps = {
   thousands: false,
   className: ''
 };
-
 var Price = function Price(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      price = _defaultProps$props.price,
-      needSymbol = _defaultProps$props.needSymbol,
-      symbol = _defaultProps$props.symbol,
-      decimalDigits = _defaultProps$props.decimalDigits,
-      thousands = _defaultProps$props.thousands,
-      className = _defaultProps$props.className,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    price = _defaultProps$props.price,
+    needSymbol = _defaultProps$props.needSymbol,
+    symbol = _defaultProps$props.symbol,
+    decimalDigits = _defaultProps$props.decimalDigits,
+    thousands = _defaultProps$props.thousands,
+    className = _defaultProps$props.className,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('price');
-
   var replaceSpecialChar = function replaceSpecialChar(symbol) {
     var desSymbol = symbol;
     desSymbol = symbol.replace(/&quot;/g, '"');
@@ -40,53 +34,43 @@ var Price = function Price(props) {
     desSymbol = symbol.replace(/&yen;/g, '￥');
     return desSymbol;
   };
-
   var showSymbol = function showSymbol() {
     return {
       __html: (needSymbol ? replaceSpecialChar(symbol) : '') || ''
     };
   };
-
   var checkPoint = function checkPoint(price) {
     return String(price).indexOf('.') > 0;
   };
-
   var formatThousands = function formatThousands(num) {
     if (Number(num) === 0) {
       num = 0;
     }
-
     if (checkPoint(num)) {
       num = Number(num).toFixed(decimalDigits);
       num = typeof num.split('.') === 'string' ? num.split('.') : num.split('.')[0];
     } else {
       num = num.toString();
     }
-
     if (thousands) {
       return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
     }
-
     return num;
   };
-
   var formatDecimal = function formatDecimal(decimalNum) {
     if (Number(decimalNum) === 0) {
       decimalNum = 0;
     }
-
     if (checkPoint(decimalNum)) {
       decimalNum = Number(decimalNum).toFixed(decimalDigits);
       decimalNum = typeof decimalNum.split('.') === 'string' ? 0 : decimalNum.split('.')[1];
     } else {
       decimalNum = 0;
     }
-
     var result = "0.".concat(decimalNum);
     var resultFixed = Number(result).toFixed(decimalDigits);
     return String(resultFixed).substring(2, resultFixed.length);
   };
-
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
   }, rest), needSymbol ? React__default.createElement("div", {
@@ -100,7 +84,6 @@ var Price = function Price(props) {
     className: "".concat(b('small'))
   }, formatDecimal(price)));
 };
-
 Price.defaultProps = defaultProps;
 Price.displayName = 'NutPrice';
 export { Price as default };