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

package/dist/esm/animate.taro-fb7986d6.js

@@ -1,40 +0,0 @@
-import React__default, { useState } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    type: 'shake',
-    action: 'initial',
-    loop: false,
-    onClick: (event) => { },
-};
-const Animate = (props) => {
-    const { className, type, action, loop, onClick, children, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [clicked, setClicked] = useState(false);
-    const b = cn('animate');
-    const classes = classNames({
-        'nut-ani-container': true,
-        [`${b('')}-${type}`]: action === 'initial' || clicked ? type : false,
-        loop: loop,
-    });
-    const cls = classNames(classes, className);
-    const handleClick = (event) => {
-        setClicked(true);
-        //如果不是无限循环，清除类名
-        if (!loop) {
-            setTimeout(() => {
-                setClicked(false);
-            }, 1000);
-        }
-        onClick && onClick(event);
-    };
-    return (React__default.createElement("div", { className: "nut-animate" },
-        React__default.createElement("div", { className: cls, onClick: handleClick, ...rest }, children)));
-};
-Animate.defaultProps = defaultProps;
-Animate.displayName = 'NutAnimate';
-
-export { Animate as A };

package/dist/esm/animatingnumbers.taro-03e5d61d.js

@@ -1,104 +0,0 @@
-import React__default, { useRef, useState, useEffect, Component } from 'react';
-import { createSelectorQuery } from '@tarojs/taro';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps$1 = {
-    maxLen: 0,
-    endNumber: '',
-    delaySpeed: 300,
-    easeSpeed: 1,
-    thousands: false,
-    className: '',
-};
-const CountUp = (props) => {
-    const { maxLen, endNumber, delaySpeed, easeSpeed, className, thousands, ...reset } = {
-        ...defaultProps$1,
-        ...props,
-    };
-    const b = cn('countup');
-    const countupRef = useRef(null);
-    const timerRef = useRef(0);
-    const numbers = Array.from({ length: 10 }, (v, i) => i);
-    const getShowNumber = () => {
-        const splitArr = endNumber.split('.');
-        const intNumber = maxLen && splitArr[0].length < maxLen
-            ? (Array(maxLen).join('0') + splitArr[0]).slice(-maxLen)
-            : splitArr[0];
-        const currNumber = `${thousands ? intNumber.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,') : intNumber}${splitArr[1] ? '.' : ''}${splitArr[1] || ''}`;
-        return currNumber.split('');
-    };
-    const [numerArr, setNumerArr] = useState([]);
-    const [transformArr, setTransformArr] = useState([]);
-    const isLoaded = useRef(false);
-    const setNumberTransform = () => {
-        if (countupRef.current && numerArr.length) {
-            createSelectorQuery()
-                .selectAll('.nut-countup__listitem')
-                .node((numberItems) => {
-                const transformArrCache = [];
-                Object.keys(numberItems).forEach((key) => {
-                    const elem = numberItems[Number(key)];
-                    const idx = Number(numerArr[Number(key)]);
-                    if (elem) {
-                        // 计算规则：父元素和实际列表高度的百分比，分割成20等份
-                        const transform = idx || idx === 0
-                            ? `translate(0, -${(idx === 0 ? 10 : idx) * 5}%)`
-                            : '';
-                        transformArrCache.push(transform);
-                    }
-                });
-                setTransformArr([...transformArrCache]);
-            })
-                .exec();
-        }
-    };
-    const numberEaseStyle = (idx) => {
-        return {
-            transition: `transform ${easeSpeed}s ease-in-out`,
-            transform: transformArr[idx] ? transformArr[idx] : null,
-        };
-    };
-    useEffect(() => {
-        setNumberTransform();
-    }, [numerArr]);
-    useEffect(() => {
-        if (!isLoaded.current) {
-            isLoaded.current = true;
-            timerRef.current = window.setTimeout(() => {
-                setNumerArr(getShowNumber());
-            }, delaySpeed);
-        }
-        else {
-            setNumerArr(getShowNumber());
-        }
-        return () => {
-            window.clearTimeout(timerRef.current);
-        };
-    }, [endNumber]);
-    return (React__default.createElement("div", { className: `${b()} ${className}`, ref: countupRef },
-        React__default.createElement("ul", { className: b('list') }, numerArr.map((item, idx) => {
-            return (React__default.createElement("li", { className: `${b('listitem', {
-                    number: !Number.isNaN(Number(item)),
-                })}`, key: idx }, !Number.isNaN(Number(item)) ? (React__default.createElement("span", { className: b('number'), style: numberEaseStyle(idx) }, [...numbers, ...numbers].map((number, subidx) => {
-                return React__default.createElement("span", { key: subidx }, number);
-            }))) : (React__default.createElement("span", { className: b('separator') }, item))));
-        }))));
-};
-CountUp.defaultProps = defaultProps$1;
-CountUp.displayName = 'NutCountUp';
-
-const defaultProps = {};
-class AnimatingNumbers extends Component {
-    static defaultProps = defaultProps;
-    static displayName = 'NutAnimatingNumbers';
-    static CountUp = CountUp;
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    render() {
-        return React__default.createElement("div", { className: "nut-animatingnumbers" });
-    }
-}
-
-export { AnimatingNumbers as A };

package/dist/esm/audio.taro-87ec8bf2.js

@@ -1,161 +0,0 @@
-import React__default, { useState, useRef } from 'react';
-import { createInnerAudioContext } from '@tarojs/taro';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { R as Range } from './range.taro-d8fc7656.js';
-import { B as Button } from './button.taro-9244d065.js';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const b = cn('audio');
-const warn = console.warn;
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    url: '',
-    style: {},
-    autoplay: false,
-    loop: false,
-    type: 'progress',
-    onFastBack: (ctx) => { },
-    onForward: (ctx) => { },
-    onPause: (ctx) => { },
-    onPlay: (ctx) => { },
-    onPlayEnd: (ctx) => { },
-    onCanPlay: (ctx) => { },
-};
-const Audio = (props) => {
-    const { locale } = useConfig();
-    const { className, url, style, autoplay, loop, type, onFastBack, onForward, onPause, onPlay, onPlayEnd, onCanPlay, children, iconClassPrefix, iconFontClassName, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [playing, setPlaying] = useState(false);
-    const [totalSeconds, setTotalSeconds] = useState(0);
-    const [percent, setPercent] = useState(0);
-    const [isCanPlay, setIsCanPlay] = useState(false);
-    const [currentDuration, setCurrentDuration] = useState('00:00:00');
-    const statusRef = useRef({
-        currentTime: 0,
-        currentDuration: '00:00:00',
-        percent: 0,
-    });
-    const audioRef = useRef(createInnerAudioContext());
-    const audioCtx = audioRef.current;
-    audioCtx.src = url;
-    audioCtx.autoplay = autoplay || false;
-    audioCtx.loop = loop || false;
-    audioCtx.onPause(() => {
-        props.onPause && props.onPause(audioCtx);
-    });
-    audioCtx.onEnded(() => {
-        if (props.loop) {
-            warn(locale.audio.tips || 'onPlayEnd事件在loop=false时才会触发');
-        }
-        else {
-            props.onPlayEnd && props.onPlayEnd(audioCtx);
-        }
-    });
-    audioCtx.onPlay(() => {
-        const { duration } = audioCtx;
-        setTotalSeconds(Math.floor(duration));
-        props.onPlay && props.onPlay(audioCtx);
-    });
-    audioCtx.onCanplay(() => {
-        const intervalID = setInterval(function () {
-            if (audioCtx.duration !== 0) {
-                setTotalSeconds(audioCtx.duration);
-                clearInterval(intervalID);
-            }
-        }, 500);
-        setIsCanPlay(true);
-        props.onCanPlay && props.onCanPlay(audioCtx);
-    });
-    audioCtx.onTimeUpdate(() => {
-        const time = parseInt(`${audioCtx.currentTime}`);
-        const formated = formatSeconds(`${time}`);
-        statusRef.current.currentDuration = formated;
-        setPercent((time / totalSeconds) * 100);
-        setCurrentDuration(formatSeconds(audioCtx.currentTime.toString()));
-    });
-    audioCtx.onError((res) => {
-        console.log('code', res.errCode);
-        console.log('message', res.errMsg);
-    });
-    function formatSeconds(value) {
-        if (!value) {
-            return '00:00:00';
-        }
-        const time = parseInt(value);
-        const hours = Math.floor(time / 3600);
-        const minutes = Math.floor((time - hours * 3600) / 60);
-        const secondss = time - hours * 3600 - minutes * 60;
-        let result = '';
-        result += `${`0${hours.toString()}`.slice(-2)}:`;
-        result += `${`0${minutes.toString()}`.slice(-2)}:`;
-        result += `0${secondss.toString()}`.slice(-2);
-        return result;
-    }
-    const handleBack = () => {
-        const currentTime = Math.floor(audioCtx.currentTime);
-        statusRef.current.currentTime = Math.max(currentTime - 1, 0);
-        setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
-        audioCtx.seek(statusRef.current.currentTime);
-        props.onFastBack && props.onFastBack(audioCtx);
-    };
-    const handleForward = () => {
-        const currentTime = Math.floor(audioCtx.currentTime);
-        statusRef.current.currentTime = Math.min(currentTime + 1, audioCtx.duration);
-        setCurrentDuration(formatSeconds(statusRef.current.currentTime.toString()));
-        audioCtx.seek(statusRef.current.currentTime);
-        props.onForward && props.onForward(audioCtx);
-    };
-    const handleStatusChange = () => {
-        setPlaying(!playing);
-        if (!playing) {
-            audioCtx.play();
-        }
-        else {
-            audioCtx.pause();
-        }
-    };
-    const renderIcon = () => {
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: b('icon') },
-                React__default.createElement("div", { className: `${b('icon-box')} ${playing ? b('icon-play') : b('icon-stop')}`, onClick: handleStatusChange }, playing ? (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "service", className: "nut-icon-loading" })) : (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "service" }))))));
-    };
-    const renderProgerss = () => {
-        return (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: b('progress') },
-                React__default.createElement("div", { className: "time" }, currentDuration),
-                React__default.createElement("div", { className: b('progress-bar-wrapper') },
-                    React__default.createElement(Range, { modelValue: percent, hiddenTag: true, hiddenRange: true, "inactive-color": "#cccccc", "active-color": "#fa2c19" })),
-                React__default.createElement("div", { className: "time" }, formatSeconds(`${totalSeconds}`) || '00:00:00')),
-            React__default.createElement("div", { className: isCanPlay ? 'custom-button-group' : 'custom-button-group-disable' },
-                React__default.createElement(Button, { type: "primary", size: "small", className: "back", onClick: handleBack }, locale.audio.back || '快退'),
-                React__default.createElement(Button, { type: "primary", size: "small", className: "start", onClick: handleStatusChange }, playing
-                    ? `${locale.audio.pause || '暂停'}`
-                    : `${locale.audio.start || '开始'}`),
-                React__default.createElement(Button, { type: "primary", size: "small", onClick: handleForward }, locale.audio.forward || '快进'))));
-    };
-    const renderNone = () => {
-        return (React__default.createElement("div", { className: b('none-container'), onClick: handleStatusChange }, children));
-    };
-    const renderAudio = () => {
-        switch (type) {
-            case 'icon':
-                return renderIcon();
-            case 'progress':
-                return renderProgerss();
-            case 'none':
-                return renderNone();
-            default:
-                return null;
-        }
-    };
-    return (React__default.createElement("div", { className: `${b()} ${className}`, style: style, ...rest }, renderAudio()));
-};
-Audio.defaultProps = defaultProps;
-Audio.displayName = 'NutAudio';
-
-export { Audio as A };

package/dist/esm/avatar.taro-3676f38f.js

@@ -1,103 +0,0 @@
-import React__default, { useState, useRef, useContext, useEffect } from 'react';
-import classNames from 'classnames';
-import { Image } from '@tarojs/components';
-import { A as AvatarContext } from './AvatarContext-c96afdcc.js';
-import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    size: '',
-    icon: '',
-    iconSize: '',
-    bgColor: '#eee',
-    color: '#666',
-    prefixCls: 'nut-avatar',
-    url: '',
-};
-const Avatar = (props) => {
-    const { children, prefixCls, size, shape, bgColor, color, url, icon, iconSize, className, style, activeAvatar, onActiveAvatar, onError, iconClassPrefix, iconFontClassName, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [maxSum, setMaxSum] = useState(0); // avatarGroup里的avatar的个数
-    const [showMax, setShowMax] = useState(false); // 是否显示的最大头像个数
-    const [avatarIndex, setAvatarIndex] = useState(1); // avatar的索引
-    const avatarRef = useRef(null);
-    const parent = useContext(AvatarContext);
-    const b = cn('avatar');
-    const classes = classNames({
-        [`nut-avatar-${size || parent?.propAvatarGroup?.size || 'normal'}`]: true,
-        [`nut-avatar-${shape || parent?.propAvatarGroup?.shape || 'round'}`]: true,
-    });
-    const cls = classNames(b(''), classes, className);
-    const sizeValue = ['large', 'normal', 'small'];
-    const styles = {
-        width: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        height: sizeValue.indexOf(size) > -1 ? '' : `${size}px`,
-        backgroundColor: `${bgColor}`,
-        color: `${color}`,
-        marginLeft: avatarIndex !== 1 && parent?.propAvatarGroup?.span
-            ? `${parent?.propAvatarGroup?.span}px`
-            : '',
-        zIndex: parent?.propAvatarGroup?.zIndex === 'right'
-            ? `${Math.abs(maxSum - avatarIndex)}`
-            : '',
-        ...style,
-    };
-    const maxStyles = {
-        backgroundColor: `${parent?.propAvatarGroup?.maxBgColor}`,
-        color: `${parent?.propAvatarGroup?.maxColor}`,
-    };
-    const iconStyles = icon || '';
-    useEffect(() => {
-        const avatarChildren = parent?.avatarGroupRef?.current.children;
-        if (avatarChildren) {
-            avatarLength(avatarChildren);
-        }
-    }, []);
-    const avatarLength = (children) => {
-        for (let i = 0; i < children.length; i++) {
-            if (children[i] &&
-                children[i].classList &&
-                (children[i].classList[0] === 'nut-avatar' ||
-                    children[i].classList.values().next().value === 'nut-avatar')) {
-                children[i].setAttribute('data-index', i + 1);
-            }
-        }
-        const index = avatarRef?.current?.dataset?.index;
-        const maxCount = parent?.propAvatarGroup?.maxCount;
-        setMaxSum(children.length);
-        setAvatarIndex(index);
-        if (index === children.length &&
-            index !== maxCount &&
-            children.length > maxCount) {
-            setShowMax(true);
-        }
-    };
-    const errorEvent = (e) => {
-        if (props.onError) {
-            props.onError(e);
-        }
-    };
-    const clickAvatar = (e) => {
-        activeAvatar && activeAvatar(e);
-        onActiveAvatar && onActiveAvatar(e);
-    };
-    return (React__default.createElement(React__default.Fragment, null, (showMax ||
-        !parent?.propAvatarGroup?.maxCount ||
-        avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React__default.createElement("div", { className: cls, ...rest, style: !showMax ? styles : maxStyles, onClick: clickAvatar, ref: avatarRef },
-        (!parent?.propAvatarGroup?.maxCount ||
-            avatarIndex <= parent?.propAvatarGroup?.maxCount) && (React__default.createElement(React__default.Fragment, null,
-            url && (React__default.createElement(Image, { className: "avatar-img", src: url, onError: errorEvent })),
-            icon && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "icon", name: iconStyles, size: iconSize })),
-            children && React__default.createElement("span", { className: "text" }, children))),
-        showMax && (React__default.createElement("div", { className: "text" }, parent?.propAvatarGroup?.maxContent
-            ? parent?.propAvatarGroup?.maxContent
-            : `+ ${avatarIndex - parent?.propAvatarGroup?.maxCount}`))))));
-};
-Avatar.defaultProps = defaultProps;
-Avatar.displayName = 'NutAvatar';
-
-export { Avatar as A };

package/dist/esm/avatargroup-f3574510.js

@@ -1,34 +0,0 @@
-import React__default, { useRef } from 'react';
-import classNames from 'classnames';
-import { A as AvatarContext } from './AvatarContext-c96afdcc.js';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider-67d19d3a.js';
-
-const defaultProps = {
-    maxContent: '',
-    maxCount: '',
-    maxBgColor: '#eee',
-    maxColor: '#666',
-    size: '',
-    shape: '',
-    span: '-8',
-    zIndex: 'left',
-};
-const AvatarGroup = (props) => {
-    useConfig();
-    const propAvatarGroup = { ...defaultProps, ...props };
-    const { className, style, children } = propAvatarGroup;
-    const avatarGroupRef = useRef(null);
-    const b = cn('avatar-group');
-    const cls = classNames(b(''), className);
-    const parentAvatar = {
-        propAvatarGroup,
-        avatarGroupRef,
-    };
-    return (React__default.createElement(AvatarContext.Provider, { value: parentAvatar },
-        React__default.createElement("div", { className: cls, style: style, ref: avatarGroupRef }, children)));
-};
-AvatarGroup.defaultProps = defaultProps;
-AvatarGroup.displayName = 'NutAvatarGroup';
-
-export { AvatarGroup as A };

package/dist/esm/backtop.taro-66394a36.js

@@ -1,48 +0,0 @@
-import React__default, { useState } from 'react';
-import { usePageScroll, pageScrollTo } from '@tarojs/taro';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    bottom: 20,
-    right: 10,
-    elId: 'body',
-    distance: 200,
-    zIndex: 10,
-    isAnimation: true,
-    duration: 1000,
-};
-const BackTop = (props) => {
-    const { children, bottom, right, elId, distance, zIndex, isAnimation, className, duration, style, onClick, iconClassPrefix, iconFontClassName, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [backTop, SetBackTop] = useState(false);
-    // 监听用户滑动页面事件
-    usePageScroll((res) => {
-        const { scrollTop } = res;
-        scrollTop >= distance ? SetBackTop(true) : SetBackTop(false);
-    });
-    // 返回顶部点击事件
-    const goTop = (e) => {
-        onClick && onClick(e);
-        pageScrollTo({
-            scrollTop: 0,
-            duration: isAnimation && duration > 0 ? duration : 0,
-        });
-    };
-    const backTopClass = {
-        right: `${right}px`,
-        bottom: `${bottom}px`,
-        zIndex,
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: `nut-backtop ${backTop ? 'show' : ''} ${className || ''}`, style: { ...backTopClass, ...style }, onClick: (e) => {
-                goTop(e);
-            } }, children || (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: "19px", className: "nut-backtop-main", name: "top" })))));
-};
-BackTop.defaultProps = defaultProps;
-BackTop.displayName = 'NutBackTop';
-
-export { BackTop as B };

package/dist/esm/badge.taro-a4e59c11.js

@@ -1,52 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const b = cn('badge');
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    value: '',
-    dot: false,
-    max: 10000,
-    top: '0',
-    right: '0',
-    zIndex: '0',
-    color: '',
-    icons: '',
-};
-const Badge = (props) => {
-    const { className, style, children, dot, top, right, zIndex, color, icons, iconClassPrefix, iconFontClassName, } = {
-        ...defaultProps,
-        ...props,
-    };
-    function content() {
-        if (dot)
-            return undefined;
-        const { value } = props;
-        const { max } = props;
-        if (typeof value === 'number' && typeof max === 'number') {
-            return max < value ? `${max}+` : value;
-        }
-        return value;
-    }
-    const getStyle = () => {
-        const style = {};
-        style.top = `${Number(top) || parseFloat(top) || 0}px`;
-        style.right = `${Number(right) || parseFloat(right) || 0}px`;
-        style.zIndex = zIndex;
-        style.background = color;
-        return style;
-    };
-    return (React__default.createElement("div", { className: classNames(b(), className), style: style },
-        icons !== '' && (React__default.createElement("div", { className: "slot-icons" },
-            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: icons, color: "#ffffff", size: "12" }))),
-        React__default.createElement("div", null, children),
-        React__default.createElement("div", { className: classNames({ 'is-dot': dot }, b('content'), 'sup'), style: getStyle() }, content())));
-};
-Badge.defaultProps = defaultProps;
-Badge.displayName = 'NutBadge';
-
-export { Badge as B };

package/dist/esm/barrage.taro-0495a1b2.js

@@ -1,94 +0,0 @@
-import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
-import { createSelectorQuery } from '@tarojs/taro';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    barrageList: [],
-    frequency: 500,
-    loop: true,
-    speeds: 3000,
-    rows: 3,
-    top: 10,
-};
-const InternalBarrage = (props, ref) => {
-    const { className, frequency, loop, barrageList, speeds, rows, top, ...restProps } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [styleList, setStyleList] = useState([]);
-    const [baItemList, setBaItemList] = useState(barrageList);
-    const barrageListSet = useRef(barrageList);
-    const barrageBody = useRef(null);
-    const barrageContainer = useRef(null);
-    const timeId = useRef(new Date().getTime());
-    const timer = useRef(0);
-    useRef(0);
-    const b = cn('barrage');
-    const classes = classNames(className, b(''), {
-        [`nut-barrage__body${timeId.current}`]: true,
-    });
-    useImperativeHandle(ref, () => ({
-        add: (word) => {
-            barrageListSet.current = [...barrageListSet.current, word];
-            run();
-        },
-    }));
-    useEffect(() => {
-        barrageListSet.current = [...barrageList];
-        run();
-        return () => {
-            clearInterval(timer.current);
-        };
-    }, [barrageList]);
-    const run = () => {
-        setBaItemList(barrageListSet.current);
-        barrageListSet.current.forEach((item, index) => {
-            getNode(index);
-        });
-    };
-    const getNode = (index) => {
-        const query = createSelectorQuery();
-        setTimeout(() => {
-            let width = 100;
-            query
-                .select('.nut-barrage__body' + timeId.current)
-                .boundingClientRect((rec) => {
-                width = (Array.isArray(rec) ? rec[0].width : rec.width) || 300;
-            });
-            query
-                .select('.nut-barrage__item' + index)
-                .boundingClientRect((recs) => {
-                let height = Array.isArray(recs) ? recs[0].width : recs.width;
-                let nodeTop = (index % rows) * (height + top) + 20 + 'px';
-                styleInfo(index, nodeTop, width);
-            })
-                .exec();
-        }, 500);
-    };
-    const styleInfo = (index, nodeTop, width) => {
-        let timeIndex = index - rows > 0 ? index - rows : 0;
-        let list = styleList;
-        let time = list[timeIndex] ? Number(list[timeIndex]['--time']) : 0;
-        // // distance.value = '-' + (speeds / 1000) * 200 + '%';
-        let obj = {
-            top: nodeTop,
-            '--time': `${frequency * index + time}`,
-            animationDuration: `${speeds}ms`,
-            animationIterationCount: `${loop ? 'infinite' : 1}`,
-            animationDelay: `${frequency * index + time}ms`,
-            '--move-distance': `-${width}px`,
-        };
-        list.push(obj);
-        setStyleList([...list]);
-    };
-    return (React__default.createElement("div", { className: classes, ref: barrageBody, ...restProps },
-        React__default.createElement("div", { ref: barrageContainer, className: "bContainer" }, baItemList.map((item, index) => {
-            return (React__default.createElement("div", { className: `barrage-item nut-barrage__item${index} move`, style: styleList[index] }, item.length > 8 ? item.substr(0, 8) + '...' : item));
-        }))));
-};
-const Barrage = React__default.forwardRef(InternalBarrage);
-Barrage.defaultProps = defaultProps;
-Barrage.displayName = 'NutBarrage';
-
-export { Barrage as B };

package/dist/esm/bem-350c1702.js

@@ -1,5 +0,0 @@
-import { withNaming } from '@bem-react/classname';
-
-const cn = withNaming({ n: 'nut-', e: '__', m: '--', v: '-' });
-
-export { cn as c };