@nutui/nutui-react-taro 1.4.4 → 1.4.5

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

@@ -1,227 +1,166 @@
-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) {}
+
+const radioContext = {
+    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);
-      }
+const defaultProps$1 = {
+    value: null,
+    textPosition: 'right',
+    onChange: (value) => { },
+    direction: 'vertical',
+    options: [],
+};
+const RadioGroup = React__default.forwardRef((props, ref) => {
+    const { children } = { ...defaultProps$1, ...props };
+    cn('RadioGroup');
+    const { className, value, onChange, textPosition, direction, options, ...rest } = props;
+    const [val2State, setVal2State] = useState(value);
+    // 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(() => {
+        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;
     }
-  }, 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()));
+    function cloneChildren() {
+        return React__default.Children.map(children, (child, index) => {
+            const childChecked = validateChildChecked(child);
+            if (child.type.displayName !== 'NutRadio') {
+                return React__default.cloneElement(child);
+            }
+            return React__default.cloneElement(child, {
+                textPosition,
+                checked: childChecked,
+                // onChange: handleChildChange,
+            });
+        });
+    }
+    const renderOptionsChildren = useCallback(() => {
+        return options?.map(({ label, value, disabled, onChange, ...rest }) => {
+            const childChecked = validateChecked(value);
+            return (React__default.createElement(Radio, { key: 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: (val) => {
+                setVal2State(val);
+                onChange && onChange(val);
+            },
+        } },
+        React__default.createElement("div", { className: `nut-radiogroup nut-radiogroup--${props.direction} ${className || ''}`, ...rest }, 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());
+
+const defaultProps = {
+    ...ComponentDefaults,
+    disabled: false,
+    checked: false,
+    shape: 'round',
+    value: '',
+    textPosition: 'right',
+    iconName: 'check-normal',
+    iconActiveName: 'check-checked',
+    iconSize: 18,
+    onChange: (e) => { },
+};
+const Radio$1 = (props) => {
+    const { children } = {
+        ...defaultProps,
+        ...props,
+    };
+    const { className, disabled, checked, shape, textPosition, value, iconName, iconActiveName, iconSize, onChange, iconClassPrefix, iconFontClassName, ...rest } = props;
+    const componentName = 'nut-radio';
+    const [checkedStatement, setCheckedStatement] = useState(checked);
+    const [valueStatement, setValueStatement] = useState(value);
+    const [disabledStatement, setDisabledStatement] = useState(disabled);
+    const context = useContext(RadioContext);
+    useEffect(() => {
+        setDisabledStatement(disabled);
+        setValueStatement(value);
+        setCheckedStatement(checked);
+    }, [disabled, value, checked]);
+    const renderLabel = () => {
+        return (React__default.createElement("div", { className: `${componentName}__label ${disabledStatement ? `${componentName}__label--disabled` : ''}` }, children));
+    };
+    const renderButton = () => {
+        return (React__default.createElement("div", { className: `${componentName}__button ${checkedStatement && `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ''}` }, children));
+    };
+    const color = () => {
+        if (disabledStatement) {
+            return 'nut-radio__icon--disable';
+        }
+        if (checkedStatement) {
+            return 'nut-radio__icon';
+        }
+        return 'nut-radio__icon--unchecked';
+    };
+    const renderIcon = () => {
+        const { iconName, iconSize, iconActiveName } = props;
+        return (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: checkedStatement ? iconActiveName : iconName, size: iconSize, className: color() }));
+    };
+    const renderRadioItem = () => {
+        if (shape === 'button') {
+            return renderButton();
+        }
+        if (reverseState) {
+            return [renderLabel(), renderIcon()];
+        }
+        return [renderIcon(), renderLabel()];
+    };
+    const handleClick = (e) => {
+        if (disabledStatement || checkedStatement)
+            return;
+        setCheckedStatement(!checkedStatement);
+        onChange && onChange(e);
+        context && context.onChange(valueStatement);
+    };
+    const reverseState = textPosition === 'left';
+    return (React__default.createElement("div", { className: `nut-radio ${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 +1,37 @@
-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
+
+const 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());
+const Indicator = (props) => {
+    const { size, current, block, align, fillZero, children, className, vertical, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('indicator');
+    const classes = classNames({
+        [`${b('block')}`]: block,
+        [`${b('align')}__${align}`]: block && align,
+        [`${b('vertical')}`]: vertical,
+    }, b(''));
+    const renderEles = () => {
+        const childs = [];
+        for (let item = 1; item <= size; item++) {
+            childs.push(item === current ? (React__default.createElement("div", { key: item, className: b('number') }, fillZero && item < 10 ? `0${item}` : item)) : (React__default.createElement("div", { key: item, className: b('dot') })));
+        }
+        return childs;
+    };
+    useEffect(() => { }, []);
+    return (React__default.createElement("div", { className: `${classes} ${className}`, ...rest }, renderEles()));
 };
 Indicator.defaultProps = defaultProps;
 Indicator.displayName = 'NutIndicator';
+
 export { Indicator as I };

package/dist/esm/infiniteloading.taro-6c2a2e95.js

@@ -0,0 +1,142 @@
+import React__default, { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { ScrollView } from '@tarojs/components';
+import Taro from '@tarojs/taro';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    hasMore: true,
+    upperThreshold: 40,
+    containerId: '',
+    isOpenRefresh: false,
+    pullIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
+    pullTxt: '松开刷新',
+    loadIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
+    loadTxt: '加载中···',
+    loadMoreTxt: '哎呀，这里是底部了啦',
+};
+const Infiniteloading = (props) => {
+    const { locale } = useConfig();
+    const { children, hasMore, upperThreshold, containerId, isOpenRefresh, pullIcon, pullTxt, loadIcon, loadTxt, loadMoreTxt, className, onRefresh, onLoadMore, onScrollChange, iconClassPrefix, iconFontClassName, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [isInfiniting, setIsInfiniting] = useState(false);
+    const [topDisScoll, setTopDisScoll] = useState(0);
+    const refreshTop = useRef(null);
+    const scrollHeight = useRef(0);
+    const scrollTop = useRef(0);
+    const direction = useRef('down');
+    const isTouching = useRef(false);
+    const y = useRef(0);
+    const refreshMaxH = useRef(0);
+    const distance = useRef(0);
+    const b = cn('infiniteloading');
+    const classes = classNames(className, b());
+    useEffect(() => {
+        refreshMaxH.current = upperThreshold;
+        setTimeout(() => {
+            getScrollHeight();
+        }, 200);
+    }, [hasMore, isInfiniting]);
+    /** 获取需要滚动的距离 */
+    const getScrollHeight = () => {
+        const parentElement = getParentElement('scroller');
+        parentElement
+            .boundingClientRect((rect) => {
+            scrollHeight.current = rect.height;
+        })
+            .exec();
+    };
+    const getStyle = () => {
+        return {
+            height: topDisScoll < 0 ? `0px` : `${topDisScoll}px`,
+            transition: `height 0.2s cubic-bezier(0.25,0.1,0.25,1)`,
+        };
+    };
+    const getParentElement = (el) => {
+        return Taro.createSelectorQuery().select(containerId ? `#${containerId} #${el}` : `#${el}`);
+    };
+    const infiniteDone = () => {
+        setIsInfiniting(false);
+    };
+    const refreshDone = () => {
+        distance.current = 0;
+        setTopDisScoll(0);
+        isTouching.current = false;
+    };
+    const scrollAction = (e) => {
+        if (e.detail.scrollTop <= 0) {
+            // 滚动到最顶部
+            e.detail.scrollTop = 0;
+        }
+        else if (e.detail.scrollTop >= scrollHeight.current) {
+            // 滚动到最底部
+            e.detail.scrollTop = scrollHeight.current;
+        }
+        if (e.detail.scrollTop > scrollTop.current ||
+            e.detail.scrollTop >= scrollHeight.current) {
+            direction.current = 'down';
+        }
+        else {
+            direction.current = 'up';
+        }
+        scrollTop.current = e.detail.scrollTop;
+        onScrollChange && onScrollChange(e.detail.scrollTop);
+    };
+    const lower = () => {
+        if (direction.current == 'up' || !hasMore || isInfiniting) {
+            return false;
+        }
+        setIsInfiniting(true);
+        onLoadMore && onLoadMore(infiniteDone);
+    };
+    const touchStart = (event) => {
+        if (scrollTop.current == 0 && !isTouching.current && isOpenRefresh) {
+            y.current = event.touches[0].pageY;
+            isTouching.current = true;
+        }
+    };
+    const touchMove = (event) => {
+        distance.current = event.touches[0].pageY - y.current;
+        if (distance.current > 0 && isTouching.current) {
+            event.preventDefault();
+            setTopDisScoll(distance.current);
+            if (distance.current >= refreshMaxH.current) {
+                distance.current = refreshMaxH.current;
+                setTopDisScoll(refreshMaxH.current);
+            }
+        }
+        else {
+            distance.current = 0;
+            setTopDisScoll(0);
+            isTouching.current = false;
+        }
+    };
+    const touchEnd = () => {
+        if (distance.current < refreshMaxH.current) {
+            distance.current = 0;
+            setTopDisScoll(0);
+        }
+        else {
+            onRefresh && onRefresh(refreshDone);
+        }
+    };
+    return (React__default.createElement(ScrollView, { className: classes, scrollY: true, id: "scroller", style: { height: '100%' }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
+        React__default.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
+            React__default.createElement("div", { className: "top-box" },
+                React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "top-img", name: pullIcon }),
+                React__default.createElement("span", { className: "top-text" }, pullTxt || locale.infiniteloading.pullRefreshText))),
+        React__default.createElement("div", { className: "nut-infinite-container" }, children),
+        React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? (React__default.createElement("div", { className: "bottom-box" },
+            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "bottom-img", name: loadIcon }),
+            React__default.createElement("div", { className: "bottom-text" }, loadTxt || locale.infiniteloading.loadText))) : (!hasMore && (React__default.createElement("div", { className: "tips" }, loadMoreTxt || locale.infiniteloading.loadMoreText))))));
+};
+Infiniteloading.defaultProps = defaultProps;
+Infiniteloading.displayName = 'NutInfiniteloading';
+
+export { Infiniteloading as I };