@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/popup.taro-cb777e09.js

@@ -1,7 +1,3 @@
-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';
@@ -10,181 +6,132 @@ import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-98367bc1.
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { c as cn } from './bem-893ad28d.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  position: 'center',
-  transition: '',
-  style: {},
-  popClass: '',
-  closeable: false,
-  closeIconPosition: 'top-right',
-  closeIcon: 'close',
-  destroyOnClose: true,
-  teleport: null,
-  overlay: true,
-  round: false,
-  onOpen: function onOpen() {},
-  onClose: function onClose() {},
-  onClick: function onClick(e) {},
-  onOpened: function onOpened(e) {},
-  onClosed: function onClosed(e) {},
-  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;
-  var _useState = useState(zIndex || _zIndex),
-    _useState2 = _slicedToArray(_useState, 2),
-    index = _useState2[0],
-    setIndex = _useState2[1];
-  var _useState3 = useState(visible),
-    _useState4 = _slicedToArray(_useState3, 2),
-    innerVisible = _useState4[0],
-    setInnerVisible = _useState4[1];
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showChildren = _useState6[0],
-    setShowChildren = _useState6[1];
-  var _useState7 = useState(''),
-    _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);
-          onClose && onClose();
-        }, Number(duration) * 1000);
-      }
-    }
-  };
-  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,
-      unmountOnExit: true,
-      timeout: 500,
-      "in": innerVisible,
-      onEntered: onHandleOpened,
-      onExited: onHandleClosed
-    }, React__default.createElement("div", {
-      style: popStyles,
-      className: classes,
-      onClick: onHandleClick
-    }, showChildren ? children : '', closeable ? React__default.createElement("div", {
-      className: closeClasses,
-      onClick: onHandleClickCloseIcon
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: closeIcon,
-      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,
-      overlayClass: overlayClass,
-      visible: innerVisible,
-      closeOnClickOverlay: closeOnClickOverlay,
-      zIndex: zIndex,
-      lockScroll: lockScroll,
-      duration: duration,
-      onClick: onHandleClickOverlay
-    }), renderPop()) : React__default.createElement(React__default.Fragment, null, renderPop()));
-  };
-  useEffect(function () {
-    visible && open();
-    !visible && close();
-  }, [visible]);
-  useEffect(function () {
-    setTransitionName(transition || "popup-slide-".concat(position));
-  }, [position]);
-  return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
+
+const defaultProps = {
+    ...ComponentDefaults,
+    position: 'center',
+    transition: '',
+    style: {},
+    popClass: '',
+    closeable: false,
+    closeIconPosition: 'top-right',
+    closeIcon: 'close',
+    destroyOnClose: true,
+    teleport: null,
+    overlay: true,
+    round: false,
+    onOpen: () => { },
+    onClose: () => { },
+    onClick: (e) => { },
+    onOpened: (e) => { },
+    onClosed: (e) => { },
+    onClickOverlay: (e) => { },
+    onClickCloseIcon: (e) => { },
+    ...defaultOverlayProps,
+};
+let _zIndex = 2000;
+const Popup = (props) => {
+    const { children, visible, overlay, closeOnClickOverlay, overlayStyle, overlayClass, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, style, transition, round, position, popClass, className, destroyOnClose, teleport, onOpen, onClose, onClickOverlay, onClickCloseIcon, onOpened, onClosed, onClick, iconClassPrefix, iconFontClassName, } = props;
+    const [index, setIndex] = useState(zIndex || _zIndex);
+    const [innerVisible, setInnerVisible] = useState(visible);
+    const [showChildren, setShowChildren] = useState(true);
+    const [transitionName, setTransitionName] = useState('');
+    const b = cn('popup');
+    const baseStyle = {
+        zIndex: index,
+        animationDuration: `${duration}s`,
+    };
+    const overlayStyles = {
+        ...overlayStyle,
+        ...baseStyle,
+    };
+    const popStyles = {
+        ...style,
+        ...baseStyle,
+    };
+    const classes = classNames({
+        round,
+        [`popup-${position}`]: true,
+        [`${popClass}`]: true,
+        [`${className}`]: true,
+    }, b(''));
+    const closeClasses = classNames({
+        'nutui-popup__close-icon': true,
+        [`nutui-popup__close-icon--${closeIconPosition}`]: true,
+    });
+    const open = () => {
+        if (!innerVisible) {
+            setInnerVisible(true);
+            setIndex(++_zIndex);
+        }
+        if (destroyOnClose) {
+            setShowChildren(true);
+        }
+        onOpen && onOpen();
+    };
+    const close = () => {
+        if (innerVisible) {
+            setInnerVisible(false);
+            if (destroyOnClose) {
+                setTimeout(() => {
+                    setShowChildren(false);
+                    onClose && onClose();
+                }, Number(duration) * 1000);
+            }
+        }
+    };
+    const onHandleClickOverlay = (e) => {
+        if (closeOnClickOverlay) {
+            onClickOverlay && onClickOverlay(e);
+            close();
+        }
+    };
+    const onHandleClick = (e) => {
+        onClick && onClick(e);
+    };
+    const onHandleClickCloseIcon = (e) => {
+        onClickCloseIcon && onClickCloseIcon(e);
+        close();
+    };
+    const onHandleOpened = (e) => {
+        onOpened && onOpened(e);
+    };
+    const onHandleClosed = (e) => {
+        onClosed && onClosed(e);
+    };
+    const resolveContainer = (getContainer) => {
+        const container = typeof getContainer === 'function' ? getContainer() : getContainer;
+        return container || document.body;
+    };
+    const renderToContainer = (getContainer, node) => {
+        if (getContainer) {
+            const container = resolveContainer(getContainer);
+            return createPortal(node, container);
+        }
+        return node;
+    };
+    const renderPop = () => {
+        return (React__default.createElement(CSSTransition, { classNames: transitionName, unmountOnExit: true, timeout: 500, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
+            React__default.createElement("div", { style: popStyles, className: classes, onClick: onHandleClick },
+                showChildren ? children : '',
+                closeable ? (React__default.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon },
+                    React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: closeIcon, size: "12px" }))) : (''))));
+    };
+    const renderNode = () => {
+        return (React__default.createElement(React__default.Fragment, null, overlay ? (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Overlay, { style: overlayStyles, overlayClass: overlayClass, visible: innerVisible, closeOnClickOverlay: closeOnClickOverlay, zIndex: zIndex, lockScroll: lockScroll, duration: duration, onClick: onHandleClickOverlay }),
+            renderPop())) : (React__default.createElement(React__default.Fragment, null, renderPop()))));
+    };
+    useEffect(() => {
+        visible && open();
+        !visible && close();
+    }, [visible]);
+    useEffect(() => {
+        setTransitionName(transition || `popup-slide-${position}`);
+    }, [position]);
+    return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
 Popup.defaultProps = defaultProps;
 Popup.displayName = 'NutPopup';
+
 export { Popup as P };

package/dist/esm/price.taro-8801462e.js

@@ -1,94 +1,83 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "position", "size", "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';
-var defaultProps = {
-  price: 0,
-  needSymbol: true,
-  symbol: '&yen;',
-  decimalDigits: 2,
-  thousands: false,
-  position: 'before',
-  size: 'large',
-  className: ''
+
+const defaultProps = {
+    price: 0,
+    needSymbol: true,
+    symbol: '&yen;',
+    decimalDigits: 2,
+    thousands: false,
+    position: 'before',
+    size: 'large',
+    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,
-    position = _defaultProps$props.position,
-    size = _defaultProps$props.size,
-    className = _defaultProps$props.className,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var b = cn('price');
-  var replaceSpecialChar = function replaceSpecialChar(url) {
-    url = url.replace(/&quot;/g, '"');
-    url = url.replace(/&amp;/g, '&');
-    url = url.replace(/&lt;/g, '<');
-    url = url.replace(/&gt;/g, '>');
-    url = url.replace(/&nbsp;/g, ' ');
-    url = url.replace(/&yen;/g, '￥');
-    return url;
-  };
-  var showSymbol = function showSymbol() {
-    return {
-      __html: needSymbol ? replaceSpecialChar(symbol) : ''
+const Price = (props) => {
+    const { price, needSymbol, symbol, decimalDigits, thousands, position, size, className, ...rest } = {
+        ...defaultProps,
+        ...props,
     };
-  };
-  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] || 0;
-    } else {
-      decimalNum = 0;
-    }
-    var result = "0.".concat(decimalNum);
-    var resultFixed = Number(result).toFixed(decimalDigits);
-    return String(resultFixed).substring(2, resultFixed.length);
-  };
-  var renderSymbol = function renderSymbol() {
-    return React__default.createElement("div", {
-      className: "".concat(b('symbol'), " ").concat(b("symbol-".concat(size))),
-      dangerouslySetInnerHTML: showSymbol()
-    });
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), needSymbol && position === 'before' ? renderSymbol() : null, React__default.createElement("div", {
-    className: "".concat(b('integer'), " ").concat(b("integer-".concat(size)))
-  }, formatThousands(price)), decimalDigits !== 0 ? React__default.createElement("div", {
-    className: "".concat(b('decimal'), " ").concat(b("decimal-".concat(size)))
-  }, ".") : null, React__default.createElement("div", {
-    className: "".concat(b('decimal'), " ").concat(b("decimal-".concat(size)))
-  }, formatDecimal(price)), needSymbol && position === 'after' ? renderSymbol() : null);
+    const b = cn('price');
+    const replaceSpecialChar = (url) => {
+        url = url.replace(/&quot;/g, '"');
+        url = url.replace(/&amp;/g, '&');
+        url = url.replace(/&lt;/g, '<');
+        url = url.replace(/&gt;/g, '>');
+        url = url.replace(/&nbsp;/g, ' ');
+        url = url.replace(/&yen;/g, '￥');
+        return url;
+    };
+    const showSymbol = () => {
+        return { __html: needSymbol ? replaceSpecialChar(symbol) : '' };
+    };
+    const checkPoint = (price) => {
+        return String(price).indexOf('.') > 0;
+    };
+    const 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;
+    };
+    const 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] || 0;
+        }
+        else {
+            decimalNum = 0;
+        }
+        const result = `0.${decimalNum}`;
+        const resultFixed = Number(result).toFixed(decimalDigits);
+        return String(resultFixed).substring(2, resultFixed.length);
+    };
+    const renderSymbol = () => {
+        return (React__default.createElement("div", { className: `${b('symbol')} ${b(`symbol-${size}`)}`, dangerouslySetInnerHTML: showSymbol() }));
+    };
+    return (React__default.createElement("div", { className: `${b()} ${className}`, ...rest },
+        needSymbol && position === 'before' ? renderSymbol() : null,
+        React__default.createElement("div", { className: `${b('integer')} ${b(`integer-${size}`)}` }, formatThousands(price)),
+        decimalDigits !== 0 ? (React__default.createElement("div", { className: `${b('decimal')} ${b(`decimal-${size}`)}` }, ".")) : null,
+        React__default.createElement("div", { className: `${b('decimal')} ${b(`decimal-${size}`)}` }, formatDecimal(price)),
+        needSymbol && position === 'after' ? renderSymbol() : null));
 };
 Price.defaultProps = defaultProps;
 Price.displayName = 'NutPrice';
+
 export { Price as P };