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

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

@@ -1,62 +0,0 @@
-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

@@ -1,214 +0,0 @@
-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

@@ -1,227 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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 };