@nutui/nutui-react 1.5.2-beta.0 → 1.5.2

package/dist/esm/Popover.js

@@ -0,0 +1,225 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+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-56bb675b.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+
+/**
+ * 过滤ref
+ */
+function fillRef(ref, node) {
+  if (typeof ref === 'function') {
+    ref(node);
+  } else if (_typeof(ref) === 'object' && ref && 'current' in ref) {
+    ref.current = 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);
+      }
+    }
+  }, {
+    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;
+      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',
+  location: 'bottom',
+  visible: false,
+  offset: 20,
+  className: '',
+  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);
+  var goodItem = useRef(null);
+  setTimeout(function () {
+    if (goodItem.current && getRect(goodItem.current)) {
+      setElWidth(getRect(goodItem.current).width);
+      setElHeight(getRect(goodItem.current).height);
+    }
+  });
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    classes = _useState2[0],
+    setClasses = _useState2[1];
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    elWidth = _useState4[0],
+    setElWidth = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    elHeight = _useState6[0],
+    setElHeight = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    popoverContent = _useState8[0],
+    setPopoverContent = _useState8[1];
+  var _useState9 = useState(''),
+    _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')) {
+      style.left = "".concat(elWidth + offNumer, "px");
+    } else if (location.includes('left')) {
+      style.right = "".concat(elWidth + offNumer, "px");
+    } 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)
+  }, reset), React__default.createElement(Trigger, {
+    forwardedRef: goodItem
+  }, React__default.createElement("div", {
+    onClick: function onClick(e) {
+      return handleClick(e);
+    }
+  }, Array.isArray(children) ? children[0] : children, visible ? React__default.createElement("div", {
+    className: "".concat(popoverContent),
+    style: getStyle()
+  }, React__default.createElement("div", {
+    className: "".concat(popoverArrow)
+  }), Array.isArray(children) ? children[1] : '', React__default.createElement("div", null, list.map(function (item, i) {
+    return React__default.createElement("div", {
+      key: item.name,
+      className: "popover-menu-item ".concat(item.disabled ? 'disabled' : ''),
+      onClick: function onClick() {
+        handleChoose(item, i);
+      }
+    }, item.icon ? React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      className: "popover-menu-item-img",
+      name: item.icon
+    }) : '', React__default.createElement("div", {
+      className: "popover-menu-item-name"
+    }, item.name));
+  }))) : null))), visible ? React__default.createElement(Overlay, {
+    visible: visible,
+    onClick: function onClick(e) {
+      return handleClick(e);
+    },
+    style: {
+      background: 'transparent'
+    }
+  }) : '');
+};
+Popover.defaultProps = defaultProps;
+Popover.displayName = 'NutPopover';
+export { Popover as default };

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

@@ -0,0 +1,3 @@
+import '../../Icon/style'
+import '../../Overlay/style'
+import '../../../packages/popup/popup.scss'

package/dist/esm/Popup.js

@@ -0,0 +1,195 @@
+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';
+import classNames from 'classnames';
+import { d as defaultOverlayProps } from './overlay-de6c79d5.js';
+import Icon from './Icon.js';
+import Overlay from './Overlay.js';
+import { c as cn } from './bem-3b438e61.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import '@bem-react/classname';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  position: 'center',
+  transition: '',
+  style: {},
+  popClass: '',
+  closeable: false,
+  closeIconPosition: 'top-right',
+  closeIcon: 'close',
+  closeIconSize: '12px',
+  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);
+// 默认1000，参看variables
+var _zIndex = 1000;
+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,
+    closeIconSize = props.closeIconSize;
+  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, "nut-popup-".concat(position), true), _defineProperty(_classNames, "".concat(popClass), true), _defineProperty(_classNames, "".concat(className || ''), true), _classNames), b(''));
+  var closeClasses = classNames(_defineProperty({
+    'nut-popup__close-icon': true
+  }, "nut-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: closeIconSize
+    })) : ''));
+  };
+  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 || "nut-popup-slide-".concat(position));
+  }, [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/style/index.js

@@ -0,0 +1,2 @@
+
+import '../../../packages/price/price.scss'

package/dist/esm/Price.js

@@ -0,0 +1,86 @@
+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-3b438e61.js';
+import '@bem-react/classname';
+var 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 showSymbol = function showSymbol() {
+    return {
+      __html: needSymbol ? 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] || 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);
+};
+Price.defaultProps = defaultProps;
+Price.displayName = 'NutPrice';
+export { Price as default };

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

@@ -0,0 +1,2 @@
+import '../../Icon/style'
+import '../../../packages/progress/progress.scss'

package/dist/esm/Progress.js

@@ -0,0 +1,124 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "style", "isShowPercentage", "percentage", "fillColor", "strokeColor", "strokeWidth", "size", "textColor", "textWidth", "showText", "textInside", "textBackground", "textType", "status", "iconName", "iconColor", "iconSize", "children", "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 classNames from 'classnames';
+import Icon from './Icon.js';
+import { c as cn } from './bem-3b438e61.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import '@bem-react/classname';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  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',
+  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,
+    children = _defaultProps$props.children,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    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
+    background: "".concat(fillColor)
+  };
+  var stylesInner = {
+    width: "".concat(percentage, "%"),
+    // eslint-disable-next-line no-nested-ternary
+    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
+    }
+  }, percentage, isShowPercentage ? '%' : ''))))), showText && !textInside && React__default.createElement("div", {
+    className: classesText,
+    style: stylesText
+  }, textType === 'text' && React__default.createElement("span", {
+    className: classesTextInner,
+    style: {
+      color: textColor
+    }
+  }, percentage, isShowPercentage ? '%' : ''), textType === 'icon' && React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    size: iconSize,
+    name: iconName,
+    color: iconColor
+  })));
+};
+Progress.defaultProps = defaultProps;
+Progress.displayName = 'NutProgress';
+export { Progress as default };

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

@@ -0,0 +1,2 @@
+
+import '../../../packages/pulltorefresh/pulltorefresh.scss'