@nutui/nutui-react-taro 1.3.12-beta.0 → 1.3.12-beta.2

package/dist/esm/icon.taro-1d0d4fb7.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "size", "classPrefix", "color", "tag", "children", "className", "fontClassName", "style", "onClick"];
+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 = {
+  name: '',
+  size: '',
+  classPrefix: 'nut-icon',
+  fontClassName: 'nutui-iconfont',
+  color: '',
+  tag: 'i',
+  onClick: function onClick(e) {},
+  className: ''
+};
+function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+}
+function Icon(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    name = _defaultProps$props.name,
+    size = _defaultProps$props.size,
+    classPrefix = _defaultProps$props.classPrefix,
+    color = _defaultProps$props.color,
+    tag = _defaultProps$props.tag,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    fontClassName = _defaultProps$props.fontClassName,
+    style = _defaultProps$props.style,
+    onClick = _defaultProps$props.onClick,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var isImage = name ? name.indexOf('/') !== -1 : false;
+  var type = isImage ? 'img' : tag;
+  var b = cn('icon');
+  var handleClick = function handleClick(e) {
+    if (onClick) {
+      onClick(e);
+    }
+  };
+  var hasSrc = function hasSrc() {
+    if (isImage) return {
+      src: name
+    };
+    return {};
+  };
+  return React__default.createElement(type, _objectSpread(_objectSpread({
+    className: isImage ? "".concat(b('img'), " ").concat(className || '', " ") : "".concat(fontClassName, " ").concat(b(null), " ").concat(classPrefix, "-").concat(name, " ").concat(className || ''),
+    style: _objectSpread({
+      color: color,
+      fontSize: pxCheck(size),
+      width: pxCheck(size),
+      height: pxCheck(size)
+    }, style)
+  }, rest), {}, {
+    onClick: handleClick
+  }, hasSrc()), children);
+}
+Icon.defaultProps = defaultProps;
+Icon.displayName = 'NutIcon';
+export { Icon as I };

package/dist/esm/imagepreview.taro-69d47ab0.js

@@ -0,0 +1,214 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useRef, useState, useEffect } from 'react';
+import { P as Popup } from './popup.taro-33d0bbc8.js';
+import { S as Swiper } from './swiper.taro-f314d67a.js';
+import { S as SwiperItem } from './swiperitem-86a3578a.js';
+var defaultProps = {
+  images: [],
+  videos: [],
+  show: false,
+  autoplay: 3000,
+  initNo: 1,
+  contentClose: false,
+  paginationVisible: false,
+  paginationColor: '#fff',
+  onClose: function onClose() {}
+};
+var ImagePreview = function ImagePreview(props) {
+  var images = props.images,
+    videos = props.videos,
+    show = props.show,
+    initNo = props.initNo,
+    paginationColor = props.paginationColor,
+    paginationVisible = props.paginationVisible,
+    autoplay = props.autoplay,
+    contentClose = props.contentClose,
+    onClose = props.onClose;
+  var nutImagePreview = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showPop = _useState2[0],
+    setShowPop = _useState2[1];
+  var _useState3 = useState(1),
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    setActive = _useState4[1];
+  var _useState5 = useState(1),
+    _useState6 = _slicedToArray(_useState5, 2),
+    maxNo = _useState6[0],
+    setMaxNo = _useState6[1];
+  var _useState7 = useState({
+      scale: 1,
+      moveable: false
+    }),
+    _useState8 = _slicedToArray(_useState7, 2),
+    store = _useState8[0],
+    setStore = _useState8[1];
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    lastTouchEndTime = _useState10[0],
+    setLastTouchEndTime = _useState10[1]; // 用来辅助监听双击
+  var onTouchStart = function onTouchStart(event) {
+    var touches = event.touches;
+    var events = touches[0];
+    var events2 = touches[1];
+    // 如果已经放大，双击应变回原尺寸；如果是原尺寸，双击应放大
+    var curTouchTime = new Date().getTime();
+    if (curTouchTime - lastTouchEndTime < 300) {
+      var _store = store;
+      if (_store.scale > 1) {
+        _store.scale = 1;
+      } else if (_store.scale === 1) {
+        _store.scale = 2;
+      }
+      scaleNow();
+    }
+    var store1 = store;
+    store1.moveable = true;
+    if (events2) {
+      // 如果开始两指操作，记录初始时刻两指间的距离
+      store1.oriDistance = getDistance({
+        x: events.pageX,
+        y: events.pageY
+      }, {
+        x: events2.pageX,
+        y: events2.pageY
+      });
+    }
+    // 取到开始两指操作时的放大（缩小比例），store.scale 存储的是当前的放缩比（相对于标准大小 scale 为 1 的情况的放大缩小比）
+    store1.originScale = store1.scale || 1;
+  };
+  var onTouchMove = function onTouchMove(event) {
+    var touches = event.touches;
+    var events = touches[0];
+    var events2 = touches[1];
+    if (!store.moveable) {
+      return;
+    }
+    var store1 = store;
+    // 双指移动
+    if (events2) {
+      // 获得当前两点间的距离
+      var curDistance = getDistance({
+        x: events.pageX,
+        y: events.pageY
+      }, {
+        x: events2.pageX,
+        y: events2.pageY
+      });
+      /** 此处计算倍数，距离放大（缩小） k 倍则 scale 也 扩大（缩小） k 倍。距离放大（缩小）倍数 = 结束时两点距离 除以 开始时两点距离
+       * 注意此处的 scale 变化是基于 store.scale 的。
+       * store.scale 是一个暂存值，比如第一次放大 2 倍，则 store.scale 为 2。
+       * 再次两指触碰的时候，store.originScale 就为 store.scale 的值，基于此时的 store.scale 继续放大缩小。 * */
+      var curScale = curDistance / store1.oriDistance;
+      store1.scale = store1.originScale * curScale;
+      // 最大放大 3 倍，缩小后松手要弹回原比例
+      if (store1.scale > 3) {
+        store1.scale = 3;
+      }
+      scaleNow();
+    }
+  };
+  var onTouchEnd = function onTouchEnd() {
+    setLastTouchEndTime(new Date().getTime());
+    var store1 = store;
+    store1.moveable = false;
+    if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
+      store1.scale = 1;
+      scaleNow();
+    }
+  };
+  var init = function init() {
+    document.addEventListener('touchmove', onTouchMove);
+    document.addEventListener('touchend', onTouchEnd);
+    document.addEventListener('touchcancel', onTouchEnd);
+  };
+  useEffect(function () {
+    if (show !== undefined) {
+      setShowPop(show);
+      init();
+    }
+  }, [show]);
+  useEffect(function () {
+    if (initNo !== undefined) {
+      setActive(initNo);
+    }
+    if (show !== undefined) {
+      setShowPop(show);
+    }
+    if (images && videos) {
+      setMaxNo(images.length + videos.length);
+    }
+  }, []);
+  var scaleNow = function scaleNow() {
+    if (nutImagePreview.current) {
+      nutImagePreview.current.style.transform = "scale(".concat(store.scale, ")");
+    }
+  };
+  var onCloseInner = function onCloseInner() {
+    setShowPop(false);
+    setActive(1);
+    scaleNow();
+    onClose && onClose();
+    setStore(_objectSpread(_objectSpread({}, store), {}, {
+      scale: 1
+    }));
+  };
+  // 计算两个点的距离
+  var getDistance = function getDistance(first, second) {
+    // 计算两个点起始时刻的距离和终止时刻的距离，终止时刻距离变大了则放大，变小了则缩小
+    // 放大 k 倍则 scale 也 扩大 k 倍
+    return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
+  };
+  var slideChangeEnd = function slideChangeEnd(page) {
+    setActive(page + 1);
+  };
+  var closeOnImg = function closeOnImg() {
+    // 点击内容区域的图片是否可以关闭弹层（视频区域由于nut-video做了限制，无法关闭弹层）
+    if (contentClose) {
+      onCloseInner();
+    }
+  };
+  return React__default.createElement(Popup, {
+    visible: showPop,
+    popClass: "custom-pop",
+    style: {
+      width: '100%'
+    },
+    onClick: onCloseInner
+  }, React__default.createElement("div", {
+    className: "nut-imagepreview",
+    ref: nutImagePreview,
+    onClick: closeOnImg,
+    onTouchStart: onTouchStart
+  }, React__default.createElement(Swiper, {
+    autoPlay: autoplay,
+    className: "nut-imagepreview-swiper",
+    loop: true,
+    isPreventDefault: false,
+    style: {
+      display: showPop ? 'block' : 'none'
+    },
+    direction: "horizontal",
+    onChange: slideChangeEnd,
+    initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
+    paginationColor: paginationColor,
+    paginationVisible: paginationVisible
+  }, images && images.length > 0 ? images.map(function (item, index) {
+    return React__default.createElement(SwiperItem, {
+      key: index
+    }, React__default.createElement("img", {
+      src: item.src,
+      alt: "",
+      className: "nut-imagepreview-img"
+    }));
+  }) : [])), React__default.createElement("div", {
+    className: "nut-imagepreview-index"
+  }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)));
+};
+ImagePreview.defaultProps = defaultProps;
+ImagePreview.displayName = 'NutImagePreview';
+export { ImagePreview as I };

package/dist/esm/index.taro-a36f96fb.js

@@ -0,0 +1,227 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["className", "value", "onChange", "textPosition", "direction", "options"],
+  _excluded2 = ["label", "value", "disabled", "onChange"],
+  _excluded3 = ["className", "disabled", "checked", "shape", "textPosition", "value", "iconName", "iconActiveName", "iconSize", "onChange", "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, { useState, useEffect, useCallback, useContext } from 'react';
+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 radioContext = {
+  onChange: function onChange(val) {}
+};
+var RadioContext = React__default.createContext(radioContext);
+var defaultProps$1 = {
+  value: null,
+  textPosition: 'right',
+  onChange: function onChange(value) {},
+  direction: 'vertical',
+  options: []
+};
+var RadioGroup = React__default.forwardRef(function (props, ref) {
+  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
+    children = _defaultProps$1$props.children;
+  cn('RadioGroup');
+  var className = props.className,
+    value = props.value,
+    _onChange = props.onChange,
+    textPosition = props.textPosition,
+    direction = props.direction,
+    options = props.options,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    val2State = _useState2[0],
+    setVal2State = _useState2[1];
+  // useImperativeHandle(ref, () => ({
+  //   toggleAll(state: boolean) {
+  //     console.log(state)
+  //     if (state === false) {
+  //       setInnerValue([])
+  //     } else {
+  //       const childrenLabel: string[] = []
+  //       React.Children.map(children, (child) => {
+  //         const childProps = (child as any).props
+  //         childrenLabel.push(childProps.label || (child as any).children)
+  //       })
+  //       setInnerValue(childrenLabel)
+  //     }
+  //   },
+  // }))
+  useEffect(function () {
+    setVal2State(value);
+  }, [value]);
+  // function handleChildChange(state: boolean, label: string) {
+  //   if (innerValue) {
+  //     let clippedValue = []
+  //     if (state) {
+  //       clippedValue = [...innerValue, label]
+  //     } else {
+  //       innerValue?.splice(innerValue?.indexOf(label), 1)
+  //       clippedValue = [...innerValue]
+  //     }
+  //     setInnerValue(clippedValue)
+  //     onChange && onChange(clippedValue)
+  //   }
+  // }
+  function validateChildChecked(child) {
+    if (val2State === null) return false;
+    return val2State === child.props.value;
+  }
+  function validateChecked(value) {
+    if (val2State === null) return false;
+    return val2State === value;
+  }
+  function cloneChildren() {
+    return React__default.Children.map(children, function (child, index) {
+      var childChecked = validateChildChecked(child);
+      if (child.type.displayName !== 'NutRadio') {
+        return React__default.cloneElement(child);
+      }
+      return React__default.cloneElement(child, {
+        textPosition: textPosition,
+        checked: childChecked
+        // onChange: handleChildChange,
+      });
+    });
+  }
+
+  var renderOptionsChildren = useCallback(function () {
+    return options === null || options === void 0 ? void 0 : options.map(function (_ref) {
+      var label = _ref.label,
+        value = _ref.value,
+        disabled = _ref.disabled,
+        onChange = _ref.onChange,
+        rest = _objectWithoutProperties(_ref, _excluded2);
+      var childChecked = validateChecked(value);
+      return React__default.createElement(Radio, _objectSpread(_objectSpread({
+        key: value === null || value === void 0 ? void 0 : value.toString(),
+        children: label,
+        value: value,
+        disabled: disabled,
+        onChange: onChange
+      }, rest), {}, {
+        textPosition: textPosition,
+        checked: childChecked
+      }));
+    });
+  }, [val2State, options]);
+  return React__default.createElement(RadioContext.Provider, {
+    value: {
+      onChange: function onChange(val) {
+        setVal2State(val);
+        _onChange && _onChange(val);
+      }
+    }
+  }, React__default.createElement("div", _objectSpread({
+    className: "nut-radiogroup nut-radiogroup--".concat(props.direction, " ").concat(className || '')
+  }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : cloneChildren()));
+});
+RadioGroup.defaultProps = defaultProps$1;
+RadioGroup.displayName = 'NutRadioGroup';
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  disabled: false,
+  checked: false,
+  shape: 'round',
+  value: '',
+  textPosition: 'right',
+  iconName: 'check-normal',
+  iconActiveName: 'check-checked',
+  iconSize: 18,
+  onChange: function onChange(e) {}
+});
+var Radio$1 = function Radio$1(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children;
+  var className = props.className,
+    disabled = props.disabled,
+    checked = props.checked,
+    shape = props.shape,
+    textPosition = props.textPosition,
+    value = props.value,
+    iconName = props.iconName,
+    iconActiveName = props.iconActiveName,
+    iconSize = props.iconSize,
+    onChange = props.onChange,
+    iconClassPrefix = props.iconClassPrefix,
+    iconFontClassName = props.iconFontClassName,
+    rest = _objectWithoutProperties(props, _excluded3);
+  var componentName = 'nut-radio';
+  var _useState3 = useState(checked),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checkedStatement = _useState4[0],
+    setCheckedStatement = _useState4[1];
+  var _useState5 = useState(value),
+    _useState6 = _slicedToArray(_useState5, 2),
+    valueStatement = _useState6[0],
+    setValueStatement = _useState6[1];
+  var _useState7 = useState(disabled),
+    _useState8 = _slicedToArray(_useState7, 2),
+    disabledStatement = _useState8[0],
+    setDisabledStatement = _useState8[1];
+  var context = useContext(RadioContext);
+  useEffect(function () {
+    setDisabledStatement(disabled);
+    setValueStatement(value);
+    setCheckedStatement(checked);
+  }, [disabled, value, checked]);
+  var renderLabel = function renderLabel() {
+    return React__default.createElement("div", {
+      className: "".concat(componentName, "__label ").concat(disabledStatement ? "".concat(componentName, "__label--disabled") : '')
+    }, children);
+  };
+  var renderButton = function renderButton() {
+    return React__default.createElement("div", {
+      className: "".concat(componentName, "__button ").concat(checkedStatement && "".concat(componentName, "__button--active"), " ").concat(disabledStatement ? "".concat(componentName, "__button--disabled") : '')
+    }, children);
+  };
+  var color = function color() {
+    if (disabledStatement) {
+      return 'nut-radio__icon--disable';
+    }
+    if (checkedStatement) {
+      return 'nut-radio__icon';
+    }
+    return 'nut-radio__icon--unchecked';
+  };
+  var renderIcon = function renderIcon() {
+    var iconName = props.iconName,
+      iconSize = props.iconSize,
+      iconActiveName = props.iconActiveName;
+    return React__default.createElement(Icon, {
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
+      name: checkedStatement ? iconActiveName : iconName,
+      size: iconSize,
+      className: color()
+    });
+  };
+  var renderRadioItem = function renderRadioItem() {
+    if (shape === 'button') {
+      return renderButton();
+    }
+    if (reverseState) {
+      return [renderLabel(), renderIcon()];
+    }
+    return [renderIcon(), renderLabel()];
+  };
+  var handleClick = function handleClick(e) {
+    if (disabledStatement || checkedStatement) return;
+    setCheckedStatement(!checkedStatement);
+    onChange && onChange(e);
+    context && context.onChange(valueStatement);
+  };
+  var reverseState = textPosition === 'left';
+  return React__default.createElement("div", _objectSpread({
+    className: "nut-radio ".concat(className),
+    onClick: handleClick
+  }, rest), renderRadioItem());
+};
+Radio$1.defaultProps = defaultProps;
+Radio$1.displayName = 'NutRadio';
+Radio$1.RadioGroup = RadioGroup;
+var Radio = Radio$1;
+export { Radio as R, RadioGroup as a };

package/dist/esm/indicator.taro-183ea169.js

@@ -0,0 +1,51 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["size", "current", "block", "align", "fillZero", "children", "className", "vertical"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  size: 3,
+  current: 1,
+  block: false,
+  align: 'center',
+  fillZero: true,
+  vertical: false
+};
+var Indicator = function Indicator(props) {
+  var _classNames;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    size = _defaultProps$props.size,
+    current = _defaultProps$props.current,
+    block = _defaultProps$props.block,
+    align = _defaultProps$props.align,
+    fillZero = _defaultProps$props.fillZero,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    vertical = _defaultProps$props.vertical,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('indicator');
+  var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(b('block')), block), _defineProperty(_classNames, "".concat(b('align'), "__").concat(align), block && align), _defineProperty(_classNames, "".concat(b('vertical')), vertical), _classNames), b(''));
+  var renderEles = function renderEles() {
+    var childs = [];
+    for (var item = 1; item <= size; item++) {
+      childs.push(item === current ? React__default.createElement("div", {
+        key: item,
+        className: b('number')
+      }, fillZero && item < 10 ? "0".concat(item) : item) : React__default.createElement("div", {
+        key: item,
+        className: b('dot')
+      }));
+    }
+    return childs;
+  };
+  useEffect(function () {}, []);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(classes, " ").concat(className)
+  }, rest), renderEles());
+};
+Indicator.defaultProps = defaultProps;
+Indicator.displayName = 'NutIndicator';
+export { Indicator as I };