@nutui/nutui-react-taro 2.3.9 → 2.3.11-patch.0

package/dist/types/packages/nutui.react.taro.d.ts

@@ -1,101 +1,101 @@
-import Button from '../packages/button/index.taro';
-import Cell from '../packages/cell/index.taro';
-import CellGroup from '../packages/cellgroup/index.taro';
-import ConfigProvider from '../packages/configprovider/index.taro';
-import Image from '../packages/image/index.taro';
-import Overlay from '../packages/overlay/index.taro';
-import Col from '../packages/col/index.taro';
-import Divider from '../packages/divider/index.taro';
-import Grid from '../packages/grid/index.taro';
-import GridItem from '../packages/griditem/index.taro';
-import Layout from '../packages/layout/index.taro';
-import Row from '../packages/row/index.taro';
-import Space from '../packages/space/index.taro';
-import Sticky from '../packages/sticky/index.taro';
-import SafeArea from '../packages/safearea/index.taro';
-import BackTop from '../packages/backtop/index.taro';
-import Elevator from '../packages/elevator/index.taro';
-import FixedNav from '../packages/fixednav/index.taro';
-import NavBar from '../packages/navbar/index.taro';
-import SideNavBar from '../packages/sidenavbar/index.taro';
-import SideNavBarItem from '../packages/sidenavbaritem/index.taro';
-import SubSideNavBar from '../packages/subsidenavbar/index.taro';
-import Tabbar from '../packages/tabbar/index.taro';
-import TabbarItem from '../packages/tabbaritem/index.taro';
-import TabPane from '../packages/tabpane/index.taro';
-import Tabs from '../packages/tabs/index.taro';
-import Address from '../packages/address/index.taro';
-import Calendar from '../packages/calendar/index.taro';
-import CalendarItem from '../packages/calendaritem/index.taro';
-import CalendarCard from '../packages/calendarcard/index.taro';
-import Cascader from '../packages/cascader/index.taro';
-import Checkbox from '../packages/checkbox/index.taro';
-import CheckboxGroup from '../packages/checkboxgroup/index.taro';
-import DatePicker from '../packages/datepicker/index.taro';
-import Form from '../packages/form/index.taro';
-import FormItem from '../packages/formitem/index.taro';
-import Input from '../packages/input/index.taro';
-import InputNumber from '../packages/inputnumber/index.taro';
-import Menu from '../packages/menu/index.taro';
-import MenuItem from '../packages/menuitem/index.taro';
-import NumberKeyboard from '../packages/numberkeyboard/index.taro';
-import Picker from '../packages/picker/index.taro';
-import Radio from '../packages/radio/index.taro';
-import RadioGroup from '../packages/radiogroup/index.taro';
-import Range from '../packages/range/index.taro';
-import Rate from '../packages/rate/index.taro';
-import SearchBar from '../packages/searchbar/index.taro';
-import ShortPassword from '../packages/shortpassword/index.taro';
-import Signature from '../packages/signature/index.taro';
-import Switch from '../packages/switch/index.taro';
-import TextArea from '../packages/textarea/index.taro';
-import Uploader from '../packages/uploader/index.taro';
-import ActionSheet from '../packages/actionsheet/index.taro';
-import Badge from '../packages/badge/index.taro';
-import Dialog from '../packages/dialog/index.taro';
-import Drag from '../packages/drag/index.taro';
-import Empty from '../packages/empty/index.taro';
-import InfiniteLoading from '../packages/infiniteloading/index.taro';
-import Loading from '../packages/loading/index.taro';
-import NoticeBar from '../packages/noticebar/index.taro';
-import Notify from '../packages/notify/index.taro';
-import Popover from '../packages/popover/index.taro';
-import Popup from '../packages/popup/index.taro';
-import PullToRefresh from '../packages/pulltorefresh/index.taro';
-import Skeleton from '../packages/skeleton/index.taro';
-import Swipe from '../packages/swipe/index.taro';
-import Toast from '../packages/toast/index.taro';
-import Animate from '../packages/animate/index.taro';
-import AnimatingNumbers from '../packages/animatingnumbers/index.taro';
-import Audio from '../packages/audio/index.taro';
-import Avatar from '../packages/avatar/index.taro';
-import AvatarGroup from '../packages/avatargroup/index.taro';
-import CircleProgress from '../packages/circleprogress/index.taro';
-import Collapse from '../packages/collapse/index.taro';
-import CollapseItem from '../packages/collapseitem/index.taro';
-import CountDown from '../packages/countdown/index.taro';
-import Ellipsis from '../packages/ellipsis/index.taro';
-import ImagePreview from '../packages/imagepreview/index.taro';
-import Indicator from '../packages/indicator/index.taro';
-import Pagination from '../packages/pagination/index.taro';
-import Price from '../packages/price/index.taro';
-import Progress from '../packages/progress/index.taro';
-import Step from '../packages/step/index.taro';
-import Steps from '../packages/steps/index.taro';
-import Swiper from '../packages/swiper/index.taro';
-import SwiperItem from '../packages/swiperitem/index.taro';
-import Table from '../packages/table/index.taro';
-import Tag from '../packages/tag/index.taro';
-import Tour from '../packages/tour/index.taro';
-import Video from '../packages/video/index.taro';
-import VirtualList from '../packages/virtuallist/index.taro';
-import Barrage from '../packages/barrage/index.taro';
-import Card from '../packages/card/index.taro';
-import TimeDetail from '../packages/timedetail/index.taro';
-import TimeSelect from '../packages/timeselect/index.taro';
-import TrendArrow from '../packages/trendarrow/index.taro';
-import WaterMark from '../packages/watermark/index.taro';
-import AvatarCropper from '../packages/avatarcropper/index.taro';
+import Button from './button/index.taro';
+import Cell from './cell/index.taro';
+import CellGroup from './cellgroup/index.taro';
+import ConfigProvider from './configprovider/index.taro';
+import Image from './image/index.taro';
+import Overlay from './overlay/index.taro';
+import Col from './col/index.taro';
+import Divider from './divider/index.taro';
+import Grid from './grid/index.taro';
+import GridItem from './griditem/index.taro';
+import Layout from './layout/index.taro';
+import Row from './row/index.taro';
+import Space from './space/index.taro';
+import Sticky from './sticky/index.taro';
+import SafeArea from './safearea/index.taro';
+import BackTop from './backtop/index.taro';
+import Elevator from './elevator/index.taro';
+import FixedNav from './fixednav/index.taro';
+import NavBar from './navbar/index.taro';
+import SideNavBar from './sidenavbar/index.taro';
+import SideNavBarItem from './sidenavbaritem/index.taro';
+import SubSideNavBar from './subsidenavbar/index.taro';
+import Tabbar from './tabbar/index.taro';
+import TabbarItem from './tabbaritem/index.taro';
+import TabPane from './tabpane/index.taro';
+import Tabs from './tabs/index.taro';
+import Address from './address/index.taro';
+import Calendar from './calendar/index.taro';
+import CalendarItem from './calendaritem/index.taro';
+import CalendarCard from './calendarcard/index.taro';
+import Cascader from './cascader/index.taro';
+import Checkbox from './checkbox/index.taro';
+import CheckboxGroup from './checkboxgroup/index.taro';
+import DatePicker from './datepicker/index.taro';
+import Form from './form/index.taro';
+import FormItem from './formitem/index.taro';
+import Input from './input/index.taro';
+import InputNumber from './inputnumber/index.taro';
+import Menu from './menu/index.taro';
+import MenuItem from './menuitem/index.taro';
+import NumberKeyboard from './numberkeyboard/index.taro';
+import Picker from './picker/index.taro';
+import Radio from './radio/index.taro';
+import RadioGroup from './radiogroup/index.taro';
+import Range from './range/index.taro';
+import Rate from './rate/index.taro';
+import SearchBar from './searchbar/index.taro';
+import ShortPassword from './shortpassword/index.taro';
+import Signature from './signature/index.taro';
+import Switch from './switch/index.taro';
+import TextArea from './textarea/index.taro';
+import Uploader from './uploader/index.taro';
+import ActionSheet from './actionsheet/index.taro';
+import Badge from './badge/index.taro';
+import Dialog from './dialog/index.taro';
+import Drag from './drag/index.taro';
+import Empty from './empty/index.taro';
+import InfiniteLoading from './infiniteloading/index.taro';
+import Loading from './loading/index.taro';
+import NoticeBar from './noticebar/index.taro';
+import Notify from './notify/index.taro';
+import Popover from './popover/index.taro';
+import Popup from './popup/index.taro';
+import PullToRefresh from './pulltorefresh/index.taro';
+import Skeleton from './skeleton/index.taro';
+import Swipe from './swipe/index.taro';
+import Toast from './toast/index.taro';
+import Animate from './animate/index.taro';
+import AnimatingNumbers from './animatingnumbers/index.taro';
+import Audio from './audio/index.taro';
+import Avatar from './avatar/index.taro';
+import AvatarGroup from './avatargroup/index.taro';
+import CircleProgress from './circleprogress/index.taro';
+import Collapse from './collapse/index.taro';
+import CollapseItem from './collapseitem/index.taro';
+import CountDown from './countdown/index.taro';
+import Ellipsis from './ellipsis/index.taro';
+import ImagePreview from './imagepreview/index.taro';
+import Indicator from './indicator/index.taro';
+import Pagination from './pagination/index.taro';
+import Price from './price/index.taro';
+import Progress from './progress/index.taro';
+import Step from './step/index.taro';
+import Steps from './steps/index.taro';
+import Swiper from './swiper/index.taro';
+import SwiperItem from './swiperitem/index.taro';
+import Table from './table/index.taro';
+import Tag from './tag/index.taro';
+import Tour from './tour/index.taro';
+import Video from './video/index.taro';
+import VirtualList from './virtuallist/index.taro';
+import Barrage from './barrage/index.taro';
+import Card from './card/index.taro';
+import TimeDetail from './timedetail/index.taro';
+import TimeSelect from './timeselect/index.taro';
+import TrendArrow from './trendarrow/index.taro';
+import WaterMark from './watermark/index.taro';
+import AvatarCropper from './avatarcropper/index.taro';
 import '@/packages/button/button.scss';
 import '@/packages/cell/cell.scss';
 import '@/packages/cellgroup/cellgroup.scss';

package/dist/types/packages/picker/picker.d.ts

@@ -1,5 +1,5 @@
 import React, { RefObject } from 'react';
-import { PopupProps } from '../../packages/popup/popup';
+import { PopupProps } from '../popup/popup';
 import { PickerOption } from './types';
 import { BasicComponent } from '../../utils/typings';
 export type PickerActions = {

package/dist/types/packages/picker/picker.taro.d.ts

@@ -1,5 +1,5 @@
 import React, { RefObject } from 'react';
-import { PopupProps } from '../../packages/popup/popup.taro';
+import { PopupProps } from '../popup/popup.taro';
 import { PickerOption } from './types';
 import { BasicComponent } from '../../utils/typings';
 export type PickerActions = {

package/dist/types/packages/popover/popover.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { PopupProps } from '../../packages/popup/popup';
+import { PopupProps } from '../popup/popup';
 export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 export interface List {
     key?: string;

package/dist/types/packages/popover/popover.taro.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-import { PopupProps } from '../../packages/popup/popup.taro';
+import { PopupProps } from '../popup/popup.taro';
 export type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 export interface List {
     key?: string;

package/dist/types/packages/popup/popup.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent, MouseEvent, ReactNode } from 'react';
-import { OverlayProps } from '../../packages/overlay/overlay';
+import { OverlayProps } from '../overlay/overlay';
 type Teleport = HTMLElement | (() => HTMLElement) | null;
 export interface PopupProps extends OverlayProps {
     position: string;

package/dist/types/packages/popup/popup.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { ITouchEvent } from '@tarojs/components';
-import { OverlayProps } from '../../packages/overlay/overlay.taro';
+import { OverlayProps } from '../overlay/overlay.taro';
 type Teleport = HTMLElement | (() => HTMLElement) | null;
 export interface PopupProps extends OverlayProps {
     /**

package/dist/types/packages/radio/radio.d.ts

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
-import RadioGroup from '../../packages/radiogroup';
+import RadioGroup from '../radiogroup';
 import { BasicComponent } from '../../utils/typings';
-import { RadioPosition, RadioShape } from '../../packages/radio/types';
+import { RadioPosition, RadioShape } from './types';
 export interface RadioProps extends BasicComponent {
     disabled: boolean;
     checked: boolean;

package/dist/types/packages/radio/radio.taro.d.ts

@@ -1,7 +1,7 @@
 import React, { FunctionComponent } from 'react';
-import RadioGroup from '../../packages/radiogroup/index.taro';
+import RadioGroup from '../radiogroup/index.taro';
 import { BasicComponent } from '../../utils/typings';
-import { RadioPosition, RadioShape } from '../../packages/radio/types';
+import { RadioPosition, RadioShape } from './types';
 export interface RadioProps extends BasicComponent {
     /**
     * 是否禁用选择

package/dist/types/packages/searchbar/searchbar.taro.d.ts

@@ -1,47 +1,52 @@
 import React, { FunctionComponent } from 'react';
-import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
+import type { MouseEvent } from 'react';
+import { InputProps, ITouchEvent } from '@tarojs/components';
+import { BaseEventOrig } from '@tarojs/components/types/common';
 import { BasicComponent } from '../../utils/typings';
+type inputEventDetail = InputProps.inputEventDetail;
+type inputForceEventDetail = InputProps.inputForceEventDetail;
+type inputValueEventDetail = InputProps.inputValueEventDetail;
 export interface SearchBarProps extends BasicComponent {
     /**
     * 当前输入的值
     * @default -
     */
-    value?: number | string;
+    value?: number | string
     /**
     * 输入框默认暗纹
     * @default 请输入
     */
-    placeholder?: string;
+    placeholder?: string
     /**
     * 搜索框形状，可选值为 round
     * @default square
     */
-    shape?: 'square' | 'round';
+    shape?: 'square' | 'round'
     /**
     * 是否禁用输入框
     * @default false
     */
-    disabled?: boolean;
+    disabled?: boolean
     /**
     * 最大输入长度
     * @default 9999
     */
-    maxLength?: number;
+    maxLength?: number
     /**
     * 是否展示清除按钮
     * @default true
     */
-    clearable?: boolean;
+    clearable?: boolean
     /**
     * 输入框只读
     * @default false
     */
-    readOnly?: boolean;
+    readOnly?: boolean
     /**
     * 是否自动聚焦
     * @default false
     */
-    autoFocus?: boolean;
+    autoFocus?: boolean
     /**
     * 是否展示返回按钮
     * @default false
@@ -71,31 +76,32 @@ export interface SearchBarProps extends BasicComponent {
     * 确定搜索时触发
     * @default -
     */
-    onSearch?: (val: string) => void;
+    onSearch?: (val: string) => void
     /**
     * 输入内容时触发
     * @default -
     */
-    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: string, event?: BaseEventOrig<inputEventDetail>) => void
     /**
     * 聚焦时触发
     * @default -
     */
-    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (value: string, event: BaseEventOrig<inputForceEventDetail>) => void
     /**
     * 失焦时触发
     * @default -
     */
-    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (value: string, event: BaseEventOrig<inputValueEventDetail>) => void
     /**
     * 点击清空时触发
     * @default -
     */
-    onClear?: (event: MouseEvent<HTMLDivElement>) => void;
+    onClear?: (event: MouseEvent<HTMLDivElement>) => void
     /**
     * 点击输入区域时触发
     * @default -
     */
-    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
+    onInputClick?: (event: ITouchEvent) => void
 }
 export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;
+export {};

package/dist/types/packages/shortpassword/shortpassword.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { PopupProps } from '../../packages/popup/index';
+import React, { ForwardRefRenderFunction, ReactNode } from 'react';
+import { PopupProps } from '../popup/index';
 export interface ShortPasswordProps extends PopupProps {
     value: string;
     visible: boolean;
@@ -19,4 +19,5 @@ export interface ShortPasswordProps extends PopupProps {
     onTips: () => void;
     onComplete: (value: string) => void;
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;
+export declare const InternalShortPassword: ForwardRefRenderFunction<unknown, Partial<ShortPasswordProps>>;
+export declare const ShortPassword: React.ForwardRefExoticComponent<Partial<ShortPasswordProps> & React.RefAttributes<unknown>>;

package/dist/types/packages/shortpassword/shortpassword.taro.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { PopupProps } from '../../packages/popup/popup.taro';
+import React, { ForwardRefRenderFunction, ReactNode } from 'react';
+import { PopupProps } from '../popup/popup.taro';
 export interface ShortPasswordProps extends PopupProps {
     /**
     * 密码字符串
@@ -87,4 +87,5 @@ export interface ShortPasswordProps extends PopupProps {
     */
     onComplete: (value: string) => void
 }
-export declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps>>;
+export declare const InternalShortPassword: ForwardRefRenderFunction<unknown, Partial<ShortPasswordProps>>;
+export declare const ShortPassword: React.ForwardRefExoticComponent<Partial<ShortPasswordProps> & React.RefAttributes<unknown>>;

package/dist/types/packages/shortpassword/types.d.ts

@@ -0,0 +1,4 @@
+export type ShortPasswordActions = {
+    open: () => void;
+    close: () => void;
+};

package/dist/types/packages/swiper/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SwiperProps, SwiperRef } from './swiper';
-import SwiperItem from '../../packages/swiperitem';
+import SwiperItem from '../swiperitem';
 export type { SwiperProps, SwiperRef } from './swiper';
 type CompoundedComponent = React.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<SwiperRef>> & {
     Item: typeof SwiperItem;

package/dist/types/packages/swiper/index.taro.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SwiperProps } from './swiper.taro';
-import SwiperItem from '../../packages/swiperitem/index.taro';
+import SwiperItem from '../swiperitem/index.taro';
 export type { SwiperProps } from './swiper.taro';
 type CompoundedComponent = React.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<any>> & {
     Item: typeof SwiperItem;

package/dist/types/packages/tabs/tabs.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
-import TabPane from '../../packages/tabpane';
+import TabPane from '../tabpane';
 export type TabsTitle = {
     title: string;
     disabled: boolean;

package/dist/types/packages/tabs/tabs.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
-import TabPane from '../../packages/tabpane/index.taro';
+import TabPane from '../tabpane/index.taro';
 export type TabsTitle = {
     title: string;
     disabled: boolean;

package/dist/types/packages/timedetail/timedetail.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
-import { TimeType, DateType, OptionKeyType } from '../../packages/timeselect';
+import { TimeType, DateType, OptionKeyType } from '../timeselect';
 export interface TimeDetailProps extends BasicComponent {
     activeDate: string;
     activeTime: DateType[];

package/dist/types/packages/timedetail/timedetail.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from '../../utils/typings';
-import { TimeType, DateType, OptionKeyType } from '../../packages/timeselect/index.taro';
+import { TimeType, DateType, OptionKeyType } from '../timeselect/index.taro';
 export interface TimeDetailProps extends BasicComponent {
     activeDate: string;
     activeTime: DateType[];

package/dist/types/packages/tour/tour.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { PopoverLocation } from '../../packages/popover/popover';
+import { PopoverLocation } from '../popover/popover';
 import { BasicComponent } from '../../utils/typings';
 export interface ListOptions {
     target: Element | string;

package/dist/types/packages/tour/tour.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, FunctionComponent } from 'react';
 import type { MouseEvent } from 'react';
-import { PopoverLocation } from '../../packages/popover/index.taro';
+import { PopoverLocation } from '../popover/index.taro';
 import { BasicComponent } from '../../utils/typings';
 export interface ListOptions {
     target: Element | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.3.9",
+  "version": "2.3.11-patch.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -51,13 +51,13 @@
     "*.{ts,tsx,js,md}": "eslint"
   },
   "dependencies": {
-    "@babel/runtime": "^7.21.0",
+    "@babel/runtime": "^7.23.9",
     "@nutui/icons-react-taro": "^1.0.2",
     "@nutui/touch-emulator": "^1.0.0",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",
-    "classnames": "^2.3.2",
+    "classnames": "^2.5.1",
     "lodash.isequal": "^4.5.0",
     "lodash.kebabcase": "^4.1.1",
     "react-transition-group": "^4.4.5"
@@ -66,7 +66,7 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "resolutions": {
-    "@types/react": "18",
-    "@types/react-dom": "18"
+    "@types/react": "^18.2.57",
+    "@types/react-dom": "^18.2.19"
   }
 }

package/dist/esm/barrage.taro-HsivAhbE.js

@@ -1,91 +0,0 @@
-import React__default, { useState, useRef, useImperativeHandle, useEffect } from "react";
-import { createSelectorQuery } from "@tarojs/taro";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  list: [],
-  interval: 500,
-  loop: true,
-  duration: 3e3,
-  rows: 3,
-  gapY: 10
-};
-const classPrefix = `nut-barrage`;
-const InternalBarrage = (props, ref) => {
-  const { className, interval, loop, list, duration, rows, gapY, ...restProps } = {
-    ...defaultProps,
-    ...props
-  };
-  const [styleList, setStyleList] = useState([]);
-  const [baItemList, setBaItemList] = useState(list);
-  const barrageListSet = useRef(list);
-  const barrageBody = useRef(null);
-  const barrageContainer = useRef(null);
-  const timeId = useRef((/* @__PURE__ */ new Date()).getTime());
-  const timer = useRef(0);
-  const classes = classNames(classPrefix, {
-    [`${classPrefix}-body${timeId.current}`]: true
-  }, className);
-  useImperativeHandle(ref, () => ({
-    add: (word) => {
-      barrageListSet.current = [...barrageListSet.current, word];
-      run();
-    }
-  }));
-  useEffect(() => {
-    barrageListSet.current = [...list];
-    run();
-    return () => {
-      clearInterval(timer.current);
-    };
-  }, [list]);
-  const run = () => {
-    setBaItemList(barrageListSet.current);
-    barrageListSet.current.forEach((item, index) => {
-      getNode(index);
-    });
-  };
-  const getNode = (index) => {
-    const query = createSelectorQuery();
-    setTimeout(() => {
-      let width = 100;
-      query.select(`.${classPrefix}-body${timeId.current}`).boundingClientRect((rec) => {
-        width = rec.width || 300;
-      });
-      query.select(`.${classPrefix}-item${index}`).boundingClientRect((recs) => {
-        const height = recs.height;
-        const nodeTop = `${index % rows * (height + gapY) + 20}px`;
-        styleInfo(index, nodeTop, width);
-      }).exec();
-    }, 500);
-  };
-  const styleInfo = (index, nodeTop, width) => {
-    const timeIndex = index - rows > 0 ? index - rows : 0;
-    const list2 = styleList;
-    const time = list2[timeIndex] ? Number(list2[timeIndex]["--time"]) : 0;
-    const obj = {
-      top: nodeTop,
-      "--time": `${interval * index + time}`,
-      animationDuration: `${duration}ms`,
-      animationIterationCount: `${loop ? "infinite" : 1}`,
-      animationDelay: `${interval * index + time}ms`,
-      "--move-distance": `-${width}px`
-    };
-    list2.push(obj);
-    setStyleList([...list2]);
-  };
-  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 ${classPrefix}-item${index} move`, style: styleList[index], key: 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
-};