@nutui/nutui-react-taro 1.2.2-beta.0

package/dist/esm/popup-15922d84.js

@@ -0,0 +1,193 @@
+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 { CSSTransition } from 'react-transition-group';
+import classNames from 'classnames';
+import { d as defaultOverlayProps, O as Overlay } from './overlay-ed3eb37d.js';
+import { I as Icon } from './icon-62bd7379.js';
+import { c as cn } from './bem-893ad28d.js';
+
+var defaultProps = _objectSpread({
+  position: 'center',
+  transition: '',
+  style: {},
+  popClass: '',
+  closeable: false,
+  closeIconPosition: 'top-right',
+  closeIcon: 'close',
+  destroyOnClose: true,
+  // teleport: 'body',
+  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,
+      closeOnClickOverlay = props.closeOnClickOverlay,
+      overlayStyle = props.overlayStyle,
+      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,
+      onOpen = props.onOpen,
+      onClose = props.onClose,
+      onClickOverlay = props.onClickOverlay,
+      onClickCloseIcon = props.onClickCloseIcon,
+      onOpened = props.onOpened,
+      onClosed = props.onClosed,
+      onClick = props.onClick;
+
+  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) {
+      // if(zIndex !== undefined) {
+      //   _zIndex = +zIndex;
+      // }
+      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);
+  };
+
+  useEffect(function () {
+    visible && open();
+    !visible && close();
+  }, [visible]);
+  useEffect(function () {
+    setTransitionName(transition || "popup-slide-".concat(position));
+  }, [position]);
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
+    style: overlayStyles,
+    visible: innerVisible,
+    closeOnClickOverlay: closeOnClickOverlay,
+    zIndex: zIndex,
+    lockScroll: lockScroll,
+    duration: duration,
+    onClick: onHandleClickOverlay
+  }), 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, {
+    name: closeIcon,
+    size: "12px"
+  })) : '')));
+};
+
+Popup.defaultProps = defaultProps;
+Popup.displayName = 'NutPopup';
+export { Popup as P };

package/dist/esm/popup.taro-897e35fd.js

@@ -0,0 +1,193 @@
+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 { CSSTransition } from 'react-transition-group';
+import classNames from 'classnames';
+import { d as defaultOverlayProps, O as Overlay } from './overlay-ed3eb37d.js';
+import { I as Icon } from './icon-62bd7379.js';
+import { c as cn } from './bem-893ad28d.js';
+
+var defaultProps = _objectSpread({
+  position: 'center',
+  transition: '',
+  style: {},
+  popClass: '',
+  closeable: false,
+  closeIconPosition: 'top-right',
+  closeIcon: 'close',
+  destroyOnClose: true,
+  // teleport: 'body',
+  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,
+      closeOnClickOverlay = props.closeOnClickOverlay,
+      overlayStyle = props.overlayStyle,
+      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,
+      onOpen = props.onOpen,
+      onClose = props.onClose,
+      onClickOverlay = props.onClickOverlay,
+      onClickCloseIcon = props.onClickCloseIcon,
+      onOpened = props.onOpened,
+      onClosed = props.onClosed,
+      onClick = props.onClick;
+
+  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) {
+      // if(zIndex !== undefined) {
+      //   _zIndex = +zIndex;
+      // }
+      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);
+  };
+
+  useEffect(function () {
+    visible && open();
+    !visible && close();
+  }, [visible]);
+  useEffect(function () {
+    setTransitionName(transition || "popup-slide-".concat(position));
+  }, [position]);
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Overlay, {
+    style: overlayStyles,
+    visible: innerVisible,
+    closeOnClickOverlay: closeOnClickOverlay,
+    zIndex: zIndex,
+    lockScroll: lockScroll,
+    duration: duration,
+    onClick: onHandleClickOverlay
+  }), 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, {
+    name: closeIcon,
+    size: "12px"
+  })) : '')));
+};
+
+Popup.defaultProps = defaultProps;
+Popup.displayName = 'NutPopup';
+export { Popup as P };

package/dist/esm/price.taro-97393d8f.js

@@ -0,0 +1,105 @@
+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';
+var defaultProps = {
+  price: 0,
+  needSymbol: true,
+  symbol: '&yen;',
+  decimalDigits: 2,
+  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);
+
+  var b = cn('price');
+
+  var replaceSpecialChar = function replaceSpecialChar(symbol) {
+    var desSymbol = symbol;
+    desSymbol = symbol.replace(/&quot;/g, '"');
+    desSymbol = symbol.replace(/&amp;/g, '&');
+    desSymbol = symbol.replace(/&lt;/g, '<');
+    desSymbol = symbol.replace(/&gt;/g, '>');
+    desSymbol = symbol.replace(/&nbsp;/g, ' ');
+    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", {
+    className: "".concat(b('symbol')),
+    dangerouslySetInnerHTML: showSymbol()
+  }) : null, React__default.createElement("div", {
+    className: "".concat(b('big'))
+  }, formatThousands(price)), React__default.createElement("div", {
+    className: "".concat(b('point'))
+  }, "."), React__default.createElement("div", {
+    className: "".concat(b('small'))
+  }, formatDecimal(price)));
+};
+
+Price.defaultProps = defaultProps;
+Price.displayName = 'NutPrice';
+export { Price as P };

package/dist/esm/progress.taro-51bcdd4f.js

@@ -0,0 +1,129 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "rounded", "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 from 'react';
+import classNames from 'classnames';
+import { I as Icon } from './icon-62bd7379.js';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  className: '',
+  style: {},
+  isShowPercentage: true,
+  percentage: 0,
+  fillColor: '#f3f3f3',
+  strokeColor: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
+  strokeWidth: '',
+  textColor: '',
+  textWidth: '',
+  showText: true,
+  textInside: false,
+  textBackground: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
+  textType: 'text',
+  status: false,
+  iconName: 'checked',
+  iconColor: '#439422',
+  iconSize: '16px',
+  rounded: true,
+  children: undefined
+};
+
+var Progress = function Progress(props) {
+  var _classNames, _classNames2, _classNames4;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style,
+      isShowPercentage = _defaultProps$props.isShowPercentage,
+      percentage = _defaultProps$props.percentage,
+      fillColor = _defaultProps$props.fillColor,
+      strokeColor = _defaultProps$props.strokeColor,
+      strokeWidth = _defaultProps$props.strokeWidth,
+      size = _defaultProps$props.size,
+      textColor = _defaultProps$props.textColor,
+      textWidth = _defaultProps$props.textWidth,
+      showText = _defaultProps$props.showText,
+      textInside = _defaultProps$props.textInside,
+      textBackground = _defaultProps$props.textBackground,
+      textType = _defaultProps$props.textType,
+      status = _defaultProps$props.status,
+      iconName = _defaultProps$props.iconName,
+      iconColor = _defaultProps$props.iconColor,
+      iconSize = _defaultProps$props.iconSize,
+      rounded = _defaultProps$props.rounded,
+      children = _defaultProps$props.children,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var b = cn('progress');
+  var classes = classNames(b(''));
+  var classesOuter = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b(''), "-outer"), true), _defineProperty(_classNames, "".concat(b(''), "-").concat(size || 'base'), true), _classNames));
+  var classesInner = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(b(''), "-inner"), true), _defineProperty(_classNames2, "".concat(b(''), "-active"), status), _classNames2));
+  var classesText = classNames(_defineProperty({}, "".concat(b(''), "-text"), true));
+  var classesInsideText = classNames((_classNames4 = {}, _defineProperty(_classNames4, "".concat(b(''), "-text"), true), _defineProperty(_classNames4, "".concat(b(''), "-insidetext"), true), _classNames4));
+  var classesTextInner = classNames(_defineProperty({}, "".concat(b(''), "-text__inner"), true));
+  var stylesOuter = {
+    height: "".concat(strokeWidth, "px"),
+    // eslint-disable-next-line no-nested-ternary
+    borderRadius: "".concat(rounded ? rounded === true ? '12px' : rounded : 0),
+    background: "".concat(fillColor)
+  };
+  var stylesInner = {
+    width: "".concat(percentage, "%"),
+    // eslint-disable-next-line no-nested-ternary
+    borderRadius: "".concat(rounded ? rounded === true ? '12px' : rounded : 0),
+    background: "".concat(strokeColor)
+  };
+  var stylesInsideText = {
+    width: "".concat(textWidth, "px"),
+    left: "".concat(percentage, "%"),
+    background: textBackground || strokeColor
+  };
+  var stylesInsideIcon = {
+    width: "".concat(textWidth, "px"),
+    left: "".concat(percentage, "%")
+  };
+  var stylesText = {
+    width: "".concat(textWidth, "px")
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(classes, " ").concat(className),
+    style: style
+  }, rest), React__default.createElement("div", {
+    className: classesOuter,
+    style: stylesOuter
+  }, React__default.createElement("div", {
+    className: classesInner,
+    style: stylesInner
+  }, showText && textInside && React__default.createElement(React__default.Fragment, null, children ? React__default.createElement("div", {
+    className: classesInsideText,
+    style: stylesInsideIcon
+  }, children) : React__default.createElement("div", {
+    className: classesInsideText,
+    style: stylesInsideText
+  }, React__default.createElement("span", {
+    className: classesTextInner,
+    style: {
+      color: textColor || '#fff'
+    }
+  }, percentage, isShowPercentage ? '%' : ''))))), showText && !textInside && React__default.createElement("div", {
+    className: classesText,
+    style: stylesText
+  }, textType === 'text' && React__default.createElement("span", {
+    className: classesTextInner,
+    style: {
+      color: textColor || '#333'
+    }
+  }, percentage, isShowPercentage ? '%' : ''), textType === 'icon' && React__default.createElement(Icon, {
+    size: iconSize,
+    name: iconName,
+    color: iconColor
+  })));
+};
+
+Progress.defaultProps = defaultProps;
+Progress.displayName = 'NutProgress';
+export { Progress as P };