@nutui/nutui-react-taro 1.4.7 → 1.4.8

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.4.7 Wed Feb 15 2023 16:35:08 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.4.8 Wed Feb 22 2023 17:16:35 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/variables.scss

@@ -118,6 +118,7 @@ $button-default-border-color: var(
   rgba(204, 204, 204, 1)
 ) !default;
 $button-default-color: var(--nutui-button-default-color, $gray1) !default;
+$button-plain-color: var(--nutui-button-plain-color, $gray2) !default;
 $button-default-padding: var(--nutui-button-default-padding, 0 18px) !default;
 $button-mini-padding: var(--nutui-button-mini-padding, 0 12px) !default;
 $button-small-padding: var(--nutui-button-small-padding, 0 12px) !default;
@@ -411,15 +412,36 @@ $input-padding: var(--nutui-input-padding, 10px 25px) !default;
 
 $textarea-font: var(--nutui-textarea-font, $font-size-2) !default;
 $textarea-height: var(--nutui-textarea-height, 100px) !default;
+$textarea-padding: var(--nutui-textarea-padding, 16px 10px 16px 16px) !default;
 $textarea-limit-color: var(--nutui-textarea-limit-color, $text-color) !default;
 $textarea-text-color: var(--nutui-textarea-text-color, $title-color) !default;
+$textarea-text-curror-color: var(
+  --nutui-textarea-text-curror-color,
+  '$title-color'
+) !default;
+$textarea-text-line-height: var(
+  --nutui-textarea-text-line-height,
+  30px
+) !default;
 $textarea-disabled-color: var(
   --nutui-textarea-disabled-color,
   $disable-color
 ) !default;
 
 // inputnumber（✅）
-
+$inputnumber-button-width: var(--nutui-inputnumber-button-width, 12px) !default;
+$inputnumber-button-height: var(
+  --nutui-inputnumber-button-height,
+  12px
+) !default;
+$inputnumber-button-border-radius: var(
+  --nutui-inputnumber-button-border-radius,
+  30px
+) !default;
+$inputnumber-button-background-color: var(
+  --nutui-inputnumber-button-background-color,
+  $gray6
+) !default;
 $inputnumber-icon-color: var(
   --nutui-inputnumber-icon-color,
   $title-color
@@ -450,6 +472,7 @@ $inputnumber-input-border-radius: var(
   4px
 ) !default;
 $inputnumber-input-width: var(--nutui-inputnumber-input-width, 40px) !default;
+$inputnumber-input-height: var(--nutui-inputnumber-input-height, 24px) !default;
 $inputnumber-input-margin: var(
   --nutui-inputnumber-input-margin,
   0 6px
@@ -637,8 +660,8 @@ $avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default;
 
 //switch（✅）
 $switch-close-bg-color: var(--nutui-switch-close-bg-color, #ebebeb) !default;
-$switch-close--cline-bg-color: var(
-  --nutui-switch-close--cline-bg-color,
+$switch-close--line-bg-color: var(
+  --nutui-switch-close--line-bg-color,
   #f0f0f0
 ) !default;
 $switch-width: var(--nutui-switch-width, 36px) !default;
@@ -900,15 +923,24 @@ $steps-base-icon-line-height: var(
   --nutui-steps-base-icon-line-height,
   25px
 ) !default;
+$steps-base-icon-margin-bottom: var(
+  --nutui-steps-base-icon-margin-bottom,
+  12px
+) !default;
 $steps-base-icon-font-size: var(
   --nutui-steps-base-icon-font-size,
   13px
 ) !default;
+$steps-base-line-width: var(--nutui-steps-base-line-width, 100%) !default;
+$steps-base-line-height: var(--nutui-steps-base-line-height, 1px) !default;
+$steps-base-line-background: var(
+  --nutui-steps-base-line-background,
+  #909ca4
+) !default;
 $steps-base-title-font-size: var(
   --nutui-steps-base-title-font-size,
   14px
 ) !default;
-$steps-base-line-color: var(--nutui-steps-base-line-color, #909ca4) !default;
 $steps-base-title-color: var(
   --nutui-steps-base-title-color,
   $title-color
@@ -919,7 +951,7 @@ $steps-base-title-margin-bottom: var(
 ) !default;
 $steps-base-content-font-size: var(
   --nutui-steps-base-content-font-size,
-  14px
+  12px
 ) !default;
 $steps-base-content-color: var(
   --nutui-steps-base-content-color,
@@ -936,49 +968,84 @@ $steps-wait-head-border-color: var(
   --nutui-steps-wait-head-border-color,
   #909ca4
 ) !default;
+$steps-wait-title-color: var(
+  --nutui-steps-wait-title-color,
+  $title-color2
+) !default;
 $steps-wait-content-color: var(
   --nutui-steps-wait-content-color,
   $title-color2
 ) !default;
 
-$steps-finish-head-color: var(
-  --nutui-steps-finish-head-color,
+$steps-process-icon-bg-color: var(
+  --nutui-steps-process-icon-bg-color,
   $primary-color
 ) !default;
-$steps-finish-head-border-color: var(
-  --nutui-steps-finish-head-border-color,
+$steps-process-icon-color: var(
+  --nutui-steps-process-icon-color,
+  $white
+) !default;
+$steps-process-head-color: var(
+  --nutui-steps-process-head-color,
   $primary-color
 ) !default;
-$steps-finish-title-color: var(
-  --nutui-steps-finish-title-color,
+$steps-process-head-border-color: var(
+  --nutui-steps-process-head-border-color,
   $primary-color
 ) !default;
-$steps-finish-line-background: var(
-  --nutui-steps-finish-line-background,
+$steps-process-title-color: var(
+  --nutui-steps-process-title-color,
   $primary-color
 ) !default;
-$steps-finish-icon-text-color: var(
-  --nutui-steps-finish-icon-text-color,
-  $white
+$steps-process-title-font-size: var(
+  --nutui-steps-process-title-font-size,
+  14px
+) !default;
+$steps-process-title-font-weight: var(
+  --nutui-steps-process-title-font-weight,
+  400
+) !default;
+$steps-process-content-color: var(
+  --nutui-steps-process-content-color,
+  $title-color2
 ) !default;
 
-$steps-process-head-color: var(
-  --nutui-steps-process-head-color,
+$steps-finish-icon-bg-color: var(
+  --nutui-steps-finish-icon-bg-color,
   $primary-text-color
 ) !default;
-$steps-process-head-border-color: var(
-  --nutui-steps-process-head-border-color,
+$steps-finish-icon-color: var(
+  --nutui-steps-finish-icon-color,
   $primary-color
 ) !default;
-$steps-process-title-color: var(
-  --nutui-steps-process-title-color,
+$steps-finish-head-color: var(
+  --nutui-steps-finish-head-color,
+  $primary-color
+) !default;
+$steps-finish-head-border-color: var(
+  --nutui-steps-finish-head-border-color,
+  $primary-color
+) !default;
+$steps-finish-title-color: var(
+  --nutui-steps-finish-title-color,
   $primary-color
 ) !default;
-$steps-process-icon-text-color: var(
-  --nutui-steps-process-icon-text-color,
+$steps-finish-content-color: var(
+  --nutui-steps-finish-content-color,
+  $title-color2
+) !default;
+$steps-finish-line-background: var(
+  --nutui-steps-finish-line-background,
   $primary-color
 ) !default;
 
+$steps-dot-icon-width: var(--nutui-steps-dot-icon-width, 6px) !default;
+$steps-dot-icon-height: var(--nutui-steps-dot-icon-height, 6px) !default;
+$steps-dot-icon-border: var(
+  --nutui-steps-dot-icon-border,
+  2px solid $primary-text-color
+) !default;
+
 // dialog（✅）
 $dialog-width: var(--nutui-dialog-width, 296px) !default;
 $dialog-header-font-weight: var(
@@ -1050,7 +1117,7 @@ $checkbox-icon-disable-color: var(
 ) !default;
 $checkbox-label-margin-left: var(
   --nutui-checkbox-label-margin-left,
-  15px
+  10px
 ) !default;
 $checkbox-label-font-size: var(--nutui-checkbox-label-font-size, 14px) !default;
 $checkbox-icon-font-size: var(--nutui-checkbox-icon-font-size, 18px) !default;
@@ -1291,10 +1358,9 @@ $tag-border-width: var(--nutui-tag-border-width, 1px) !default;
 $tag-height: var(--nutui-tag-height, auto) !default;
 
 //badge（✅）
-$badge-background-color: linear-gradient(
-  135deg,
-  $primary-color 0%,
-  $primary-color-end 100%
+$badge-background-color: var(
+  --nutui-badge-background-color,
+  linear-gradient(135deg, $primary-color 0%, $primary-color-end 100%)
 ) !default;
 $badge-color: var(--nutui-badge-color, #fff) !default;
 $badge-font-size: var(--nutui-badge-font-size, $font-size-1) !default;
@@ -1302,6 +1368,10 @@ $badge-default-background-color: var(
   --nutui-badge-default-background-color,
   rgba(255, 255, 255, 1)
 ) !default;
+$badge-border: var(
+  --nutui-badge-border,
+  0px solid $primary-text-color
+) !default;
 $badge-border-radius: var(--nutui-badge-border-radius, 14px) !default;
 $badge-padding: var(--nutui-badge-padding, 0 5px) !default;
 $badge-content-transform: var(
@@ -1315,6 +1385,37 @@ $badge-dot-border-radius: var(--nutui-badge-dot-border-radius, 7px) !default;
 $badge-dot-padding: var(--nutui-badge-dot-padding, 0px) !default;
 
 //popover（✅）
+$popover-border-radius: var(--nutui-popover-border-radius, 8px) !default;
+$popover-font-size: var(--nutui-popover-font-size, $font-size-1) !default;
+$popover-menu-item-height: var(--nutui-popover-menu-item-height, 30px) !default;
+$popover-menu-item-name-margin: var(
+  --nutui-popover-menu-item-name-margin,
+  0px 10px
+) !default;
+$popover-menu-item-hover-background-color: var(
+  --nutui-popover-menu-item-hover-background-color,
+  $primary-color
+) !default;
+$popover-menu-item-hover-text-color: var(
+  --nutui-popover-menu-item-hover-text-color,
+  $primary-text-color
+) !default;
+$popover-menu-item-border-width: var(
+  --nutui-popover-menu-item-border-width,
+  80%
+) !default;
+$popover-menu-item-border-height: var(
+  --nutui-popover-menu-item-border-height,
+  1px
+) !default;
+$popover-menu-item-border-left: var(
+  --nutui-popover-menu-item-border-left,
+  10%
+) !default;
+$popover-menu-item-border-bottom: var(
+  --nutui-popover-menu-item-border-bottom,
+  2%
+) !default;
 $popover-white-background-color: var(
   --nutui-popover-white-background-color,
   rgba(255, 255, 255, 1)
@@ -1516,13 +1617,21 @@ $tabs-titles-item-active-color: var(
 ) !default;
 $tabs-titles-background-color: var(
   --nutui-tabs-titles-background-color,
-  $background-color2
+  $background-color
 ) !default;
 $tabs-horizontal-tab-line-color: linear-gradient(
   90deg,
   $primary-color 0%,
   rgba(#fa2c19, 0.15) 100%
 ) !default;
+$tabs-horizontal-tab-line-bottom: var(
+  --nutui-tabs-horizontal-line-bottom,
+  15%
+) !default;
+$tabs-horizontal-tab-line-border-radius: var(
+  --nutui-tabs-horizontal-line-border-radius,
+  0px
+) !default;
 $tabs-horizontal-titles-height: var(
   --nutui-tabs-horizontal-titles-height,
   46px
@@ -1658,9 +1767,9 @@ $menu-item-content-bg-color: var(
 // collapse（✅）
 $collapse-item-padding: var(
   --nutui-collapse-item-padding,
-  13px 36px 13px 26px
+  13px 0px 13px 26px
 ) !default;
-$collapse-item-color: var(--nutui-collapse-item-color, #666666) !default;
+$collapse-item-color: var(--nutui-collapse-item-color, $title-color) !default;
 $collapse-item-disabled-color: var(
   --nutui-collapse-item-disabled-color,
   #c8c9cc
@@ -1669,6 +1778,14 @@ $collapse-item-icon-color: var(
   --nutui-collapse-item-icon-color,
   #666666
 ) !default;
+$collapse-item-icon-margin-right: var(
+  --nutui-collapse-item-icon-margin-right,
+  5px
+) !default;
+$collapse-item-icon-margin-left: var(
+  --nutui-collapse-item-icon-margin-left,
+  5px
+) !default;
 $collapse-item-font-size: var(
   --nutui-collapse-item-font-size,
   $font-size-2
@@ -1797,7 +1914,6 @@ $empty-description-padding: var(
   --nutui-empty-description-padding,
   0 40px
 ) !default;
-
 // cascader（✅）
 $cascader-font-size: var(--nutui-cascader-font-size, $font-size-2) !default;
 $cascader-line-height: var(--nutui-cascader-line-height, 22px) !default;
@@ -1830,7 +1946,13 @@ $cascader-bar-font-size: var(
 ) !default;
 $cascader-bar-line-height: var(--nutui-cascader-bar-line-height, 20px) !default;
 $cascader-bar-color: var(--nutui-cascader-bar-color, $title-color) !default;
+$cascader-item-height: var(--nutui-cascader-item-height, 40px) !default;
 $cascader-item-padding: var(--nutui-cascader-item-padding, 10px 20px) !default;
+$cascader-item-margin: var(--nutui-cascader-item-margin, 0px) !default;
+$cascader-item-border-bottom: var(
+  --nutui-cascader-item-border-bottom,
+  0px solid #ddd
+) !default;
 $cascader-item-color: var(--nutui-cascader-item-color, $title-color) !default;
 $cascader-item-font-size: var(
   --nutui-cascader-item-font-size,

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { CSSProperties, ReactNode, FunctionComponent, ReactHTML, ReactElement, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, ForwardRefExoticComponent, PropsWithChildren, Component } from 'react';
+import React__default, { CSSProperties, ReactNode, FunctionComponent, ReactHTML, ReactElement, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, Component } from 'react';
 import { ButtonProps as ButtonProps$1, ITouchEvent } from '@tarojs/components';
 import Taro, { InnerAudioContext } from '@tarojs/taro';
 
@@ -384,8 +384,8 @@ declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React__defaul
     Context: typeof elevatorContext;
 };
 
-type Direction$1 = 'right' | 'left';
-type Position$2 = {
+type Direction$2 = 'right' | 'left';
+type Position$3 = {
     top?: string;
     bottom?: string;
 };
@@ -396,8 +396,8 @@ interface FixedNavProps extends BasicComponent {
     navList: Array<any>;
     activeText: string;
     unActiveText: string;
-    position: Position$2;
-    type: Direction$1;
+    position: Position$3;
+    type: Direction$2;
     onChange: (v: any) => void;
     onSelected: (item: any, e: any) => void;
     slotList: React__default.ReactNode;
@@ -530,6 +530,7 @@ declare const SubSideNavBar: FunctionComponent<SubSideNavBarProps>;
 
 interface TabbarProps {
     visible: number | string;
+    activeVisible?: number | string;
     bottom: boolean;
     size: string | number;
     unactiveColor: string;
@@ -537,7 +538,6 @@ interface TabbarProps {
     safeAreaInsetBottom: boolean;
     className: string;
     style: React__default.CSSProperties;
-    tabSwitch: (child: React__default.ReactElement<any>, active: number) => void;
     onSwitch: (child: React__default.ReactElement<any>, active: number) => void;
     children?: React__default.ReactNode;
 }
@@ -569,7 +569,6 @@ interface TabPaneProps {
     paneKey: string | number;
     activeKey: string | number;
     disabled: boolean;
-    autoHeightClassName: string;
     className: string;
     children?: React__default.ReactNode;
 }
@@ -597,6 +596,7 @@ interface TabsProps extends BasicComponent {
     animatedTime: number | string;
     titleGutter: number | string;
     size: TabsSize;
+    leftAlign: boolean;
     titleNode: () => JSX.Element[];
     onChange: (t: Title) => void;
     onClick: (t: Title) => void;
@@ -605,6 +605,13 @@ interface TabsProps extends BasicComponent {
 }
 declare const Tabs: FunctionComponent<Partial<TabsProps>>;
 
+type CalendarRef$1 = {
+    scrollToDate: (date: string) => void;
+};
+interface Day$1 {
+    day: string | number;
+    type: string;
+}
 interface CalendarProps {
     type?: string;
     isAutoBackFill?: boolean;
@@ -614,12 +621,31 @@ interface CalendarProps {
     defaultValue?: string | string[];
     startDate?: string;
     endDate?: string;
+    showToday?: boolean;
+    startText?: string;
+    endText?: string;
+    confirmText?: string;
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+    toDateAnimation?: boolean;
+    onBtn?: (() => string | JSX.Element) | undefined;
+    onDay?: ((date: Day$1) => string | JSX.Element) | undefined;
+    onTopInfo?: ((date: Day$1) => string | JSX.Element) | undefined;
+    onBottomInfo?: ((date: Day$1) => string | JSX.Element) | undefined;
     onClose?: () => void;
     onChoose?: (param: string) => void;
+    onSelected?: (data: string) => void;
 }
-declare const Calendar: FunctionComponent<Partial<CalendarProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const Calendar: React__default.ForwardRefExoticComponent<Partial<CalendarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, ""> & React__default.RefAttributes<CalendarRef$1>>;
 
+type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
 type InputDate = string | string[];
+interface Day {
+    day: string | number;
+    type: string;
+}
 interface CalendarItemProps {
     type?: string;
     isAutoBackFill?: boolean;
@@ -629,11 +655,22 @@ interface CalendarItemProps {
     defaultValue: InputDate;
     startDate?: InputDate;
     endDate?: InputDate;
+    showToday?: boolean;
+    startText?: string;
+    endText?: string;
+    confirmText?: string;
+    showTitle?: boolean;
+    showSubTitle?: boolean;
+    toDateAnimation?: boolean;
+    onBtn?: (() => string | JSX.Element) | undefined;
+    onDay?: ((date: Day) => string | JSX.Element) | undefined;
+    onTopInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onBottomInfo?: ((date: Day) => string | JSX.Element) | undefined;
     onChoose?: (data: any) => void;
     onUpdate?: () => void;
-    onClose?: () => void;
+    onSelected?: (data: string) => void;
 }
-declare const CalendarItem: FunctionComponent<Partial<CalendarItemProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const CalendarItem: React__default.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, ""> & React__default.RefAttributes<CalendarRef>>;
 
 interface CascaderOption {
     text?: string;
@@ -651,6 +688,7 @@ interface CascaderProps {
     className: string;
     style: CSSProperties;
     activeColor: string;
+    checkedIcon: string;
     tabsColor: string;
     poppable: boolean;
     visible: boolean;
@@ -681,10 +719,14 @@ interface RadioGroupOptionType {
     onChange?: MouseEventHandler<HTMLDivElement>;
 }
 
+type Position$2 = 'left' | 'right';
+type Direction$1 = 'horizontal' | 'vertical';
 interface CheckboxGroupProps {
     disabled: boolean;
     checkedValue: string[];
     max: number | undefined;
+    textPosition: Position$2;
+    direction: Direction$1;
     onChange: (value: string[]) => void;
     options: RadioGroupOptionType[];
 }
@@ -746,7 +788,7 @@ interface FormItemRuleWithoutValidator {
     message?: string;
 }
 interface FormItemRule extends FormItemRuleWithoutValidator {
-    validator?: (value: any, ruleCfg: FormItemRuleWithoutValidator) => boolean | string | Promise<boolean | string>;
+    validator?: (ruleCfg: FormItemRuleWithoutValidator, value: string) => boolean | string | Promise<boolean | string>;
 }
 interface BaseFormField {
     /**
@@ -1105,6 +1147,7 @@ interface ShortPasswordProps extends BasicComponent {
     length: string | number;
     className: string;
     style?: CSSProperties;
+    autoFocus?: boolean;
     onChange: (value: string | number) => void;
     onOk: (value: string | number) => void;
     onCancel: () => void;
@@ -1186,6 +1229,7 @@ interface UploaderProps extends BasicComponent {
     name: string;
     disabled: boolean;
     autoUpload: boolean;
+    multiple: boolean;
     timeout: number;
     data: object;
     method: string;
@@ -1271,10 +1315,6 @@ interface BackTopProps extends BasicComponent {
 }
 declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-type DialogConfigType = {
-    prefixCls?: string;
-    simple?: boolean;
-};
 interface BasicDialogProps {
     className?: string;
     style?: CSSProperties;
@@ -1300,25 +1340,9 @@ interface BasicDialogProps {
     onClickSelf?: () => void;
     onConfirm?: (e?: MouseEvent) => Promise<() => void> | void;
 }
-type DialogReturnProps = {
-    update: (newConfig: ConfirmProps) => void;
-    close: () => void;
-};
-interface ConfirmProps extends BasicDialogProps {
-    content?: ReactNode;
-    icon?: ReactNode | null;
-    isNotice?: boolean;
-    noticeType?: string;
-}
-interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<BasicDialogProps>> {
-    confirm: (props: ConfirmProps) => DialogReturnProps;
-    alert: (props: ConfirmProps) => DialogReturnProps;
-    config: (config: DialogConfigType) => void;
-    destroyAll: () => void;
-}
 
 type DialogProps = BasicDialogProps;
-declare const Dialog: DialogComponent;
+declare const BaseDialog: React__default.ForwardRefExoticComponent<Partial<BasicDialogProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "title"> & React__default.RefAttributes<unknown>>;
 
 interface DragProps {
     attract: boolean;
@@ -2153,4 +2177,4 @@ interface VideoProps {
     onPlayend: (e: HTMLVideoElement) => void;
 }
 
-export { ActionSheet, ActionSheetProps, Address, AddressProps, Animate, AnimateProps, AnimatingNumbers, AnimatingNumbersProps, Audio, AudioProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, BackTop, BackTopProps, Badge, BadgeProps, Barrage, BarrageProps, Button, ButtonProps, Calendar, CalendarItem, CalendarItemProps, CalendarProps, Card, CardProps, Cascader, CascaderProps, Cell, CellGroup, CellGroupProps, CellProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CircleProgress, CircleProgressProps, Col, ColProps, Collapse, CollapseItem, CollapseItemProps, CollapseProps, ConfigProvider, ConfigProviderProps, CountDown, CountDownProps, DatePicker, DatePickerProps, Dialog, DialogProps, Divider, DividerProps, Drag, DragProps, Elevator, ElevatorProps, Ellipsis, EllipsisProps, Empty, EmptyProps, FixedNav, FixedNavProps, Form, FormItem, FormItemProps, FormProps, Grid, GridItem, GridItemProps, GridProps, Icon, IconProps, Image, ImagePreview, ImagePreviewProps, ImageProps, Indicator, IndicatorProps, Infiniteloading, InfiniteloadingProps, Input, InputNumber, InputNumberProps, InputProps, Layout, LayoutProps, Menu, MenuItem, MenuItemProps, MenuProps, NavBar, NavBarProps$1 as NavBarProps, NoticeBar, NoticeBarProps, Notify, NotifyProps, NumberKeyboard, NumberKeyboardProps, Overlay, OverlayProps, Pagination, PaginationProps, Picker, PickerProps, Popover, PopoverProps, Popup, PopupProps, Price, PriceProps, Progress, ProgressProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Range, RangeProps, Rate, RateProps, Row, RowProps, SearchBar, SearchBarProps, ShortPassword, ShortPasswordProps, SideNavBar, SideNavBarItem, SideNavBarItemProps, SideNavBarProps, Signature, SignatureProps, Skeleton, SkeletonProps, Step, StepProps, Steps, StepsProps, Sticky, StickyProps, SubSideNavBar, SubSideNavBarProps, Swipe, SwipeProps, Swiper, SwiperItem, SwiperItemProps, SwiperProps, Switch, SwitchProps, TabPane, TabPaneProps, Tabbar, TabbarItem, TabbarItemProps, TabbarProps, Table, TableProps, Tabs, TabsProps, Tag, TagProps, TextArea, TextAreaProps, TimeDetail, TimeDetailProps, TimePannel, TimePannelProps, TimeSelect, TimeSelectProps, Toast, ToastProps, TrendArrow, TrendArrowProps, Uploader, UploaderProps, Video, VideoProps, VirtualList, VirtualListProps, WaterMark, WaterMarkProps };
+export { ActionSheet, ActionSheetProps, Address, AddressProps, Animate, AnimateProps, AnimatingNumbers, AnimatingNumbersProps, Audio, AudioProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, BackTop, BackTopProps, Badge, BadgeProps, Barrage, BarrageProps, Button, ButtonProps, Calendar, CalendarItem, CalendarItemProps, CalendarProps, Card, CardProps, Cascader, CascaderProps, Cell, CellGroup, CellGroupProps, CellProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CircleProgress, CircleProgressProps, Col, ColProps, Collapse, CollapseItem, CollapseItemProps, CollapseProps, ConfigProvider, ConfigProviderProps, CountDown, CountDownProps, DatePicker, DatePickerProps, BaseDialog as Dialog, DialogProps, Divider, DividerProps, Drag, DragProps, Elevator, ElevatorProps, Ellipsis, EllipsisProps, Empty, EmptyProps, FixedNav, FixedNavProps, Form, FormItem, FormItemProps, FormProps, Grid, GridItem, GridItemProps, GridProps, Icon, IconProps, Image, ImagePreview, ImagePreviewProps, ImageProps, Indicator, IndicatorProps, Infiniteloading, InfiniteloadingProps, Input, InputNumber, InputNumberProps, InputProps, Layout, LayoutProps, Menu, MenuItem, MenuItemProps, MenuProps, NavBar, NavBarProps$1 as NavBarProps, NoticeBar, NoticeBarProps, Notify, NotifyProps, NumberKeyboard, NumberKeyboardProps, Overlay, OverlayProps, Pagination, PaginationProps, Picker, PickerProps, Popover, PopoverProps, Popup, PopupProps, Price, PriceProps, Progress, ProgressProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Range, RangeProps, Rate, RateProps, Row, RowProps, SearchBar, SearchBarProps, ShortPassword, ShortPasswordProps, SideNavBar, SideNavBarItem, SideNavBarItemProps, SideNavBarProps, Signature, SignatureProps, Skeleton, SkeletonProps, Step, StepProps, Steps, StepsProps, Sticky, StickyProps, SubSideNavBar, SubSideNavBarProps, Swipe, SwipeProps, Swiper, SwiperItem, SwiperItemProps, SwiperProps, Switch, SwitchProps, TabPane, TabPaneProps, Tabbar, TabbarItem, TabbarItemProps, TabbarProps, Table, TableProps, Tabs, TabsProps, Tag, TagProps, TextArea, TextAreaProps, TimeDetail, TimeDetailProps, TimePannel, TimePannelProps, TimeSelect, TimeSelectProps, Toast, ToastProps, TrendArrow, TrendArrowProps, Uploader, UploaderProps, Video, VideoProps, VirtualList, VirtualListProps, WaterMark, WaterMarkProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

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

@@ -1,73 +0,0 @@
-import React__default, { useRef, useImperativeHandle, useEffect } from 'react';
-import { createSelectorQuery } from '@tarojs/taro';
-import classNames from 'classnames';
-import { c as cn } from './bem-893ad28d.js';
-
-const defaultProps = {
-    barrageList: [],
-    frequency: 500,
-    loop: true,
-    speeds: 2000,
-    rows: 3,
-    top: 10,
-};
-const InternalBarrage = (props, ref) => {
-    const { className, frequency, loop, barrageList, speeds, rows, top, ...restProps } = {
-        ...defaultProps,
-        ...props,
-    };
-    const barrageBody = useRef(null);
-    const barrageContainer = useRef(null);
-    const timer = useRef(0);
-    const index = useRef(0);
-    const b = cn('barrage');
-    const classes = classNames(className, b(''));
-    useImperativeHandle(ref, () => ({
-        add: (word) => {
-            const _index = index.current % barrageList.length;
-            barrageList.splice(_index, 0, word);
-        },
-    }));
-    useEffect(() => {
-        run();
-        return () => {
-            clearInterval(timer.current);
-        };
-    }, [barrageList]);
-    const run = () => {
-        clearInterval(timer.current);
-        timer.current = window.setInterval(() => {
-            play();
-            run();
-        }, frequency);
-    };
-    const play = async () => {
-        const _index = loop ? index.current % barrageList.length : index.current;
-        const el = document.createElement(`div`);
-        el.innerHTML = barrageList[_index];
-        el.classList.add('barrage-item');
-        barrageContainer.current.appendChild(el);
-        createSelectorQuery()
-            .select('.barrage-item')
-            .boundingClientRect((res) => {
-            console.log('res', res);
-            const height = res?.height;
-            el.classList.add('move');
-            el.style.animationDuration = `${speeds}ms`;
-            el.style.top = `${(_index % rows) * (height + top) + 20}px`;
-            el.dataset.index = `${_index}`;
-            el.addEventListener('animationend', () => {
-                barrageContainer.current.removeChild(el);
-            });
-            index.current++;
-        })
-            .exec();
-    };
-    return (React__default.createElement("div", { className: classes, ref: barrageBody, ...restProps },
-        React__default.createElement("div", { ref: barrageContainer, className: "bContainer" })));
-};
-const Barrage = React__default.forwardRef(InternalBarrage);
-Barrage.defaultProps = defaultProps;
-Barrage.displayName = 'NutBarrage';
-
-export { Barrage as B };