@nutui/nutui-react 1.3.12-beta.0 → 1.3.13-beta.0

package/dist/esm/types/src/packages/button/button.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface ButtonProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface ButtonProps extends BasicComponent {
     className: string;
     color: string;
     shape: ButtonShape;

package/dist/esm/types/src/packages/cascader/cascader.d.ts

@@ -3,6 +3,8 @@ import { CascaderOption } from './types';
 export interface CascaderProps {
     className: string;
     style: CSSProperties;
+    activeColor: string;
+    tabsColor: string;
     poppable: boolean;
     visible: boolean;
     options: CascaderOption[];

package/dist/esm/types/src/packages/cascader/cascaderItem.d.ts

@@ -17,6 +17,7 @@ export interface CascaderItemProps {
         children?: OptiosInfo[];
     };
     checked: boolean;
+    activeColor: string;
     chooseItem: (data: any) => void;
 }
 export declare const CascaderItem: React.ForwardRefExoticComponent<Partial<CascaderItemProps> & {

package/dist/esm/types/src/packages/cell/cell.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface CellProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface CellProps extends BasicComponent {
     title: ReactNode;
     subTitle: ReactNode;
     desc: string;

package/dist/esm/types/src/packages/checkbox/checkbox.d.ts

@@ -1,11 +1,11 @@
 import React, { FunctionComponent } from 'react';
 import CheckboxGroup from '@/packages/checkboxgroup';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 interface InheritParentProps {
     getParentVals?: () => string[] | undefined;
     max?: number | undefined;
 }
-export interface CheckboxProps extends IComponent {
+export interface CheckboxProps extends BasicComponent {
     checked: boolean;
     disabled: boolean;
     textPosition: 'left' | 'right';

package/dist/esm/types/src/packages/circleprogress/circleprogress.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-export interface IColor {
+export interface Color {
     [key: string]: string;
 }
 export interface CircleProgressProps {

package/dist/esm/types/src/packages/collapseitem/collapseitem.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface CollapseItemProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface CollapseItemProps extends BasicComponent {
     title: string;
     name: string;
     isOpen: boolean;

package/dist/esm/types/src/packages/dialog/config.d.ts

@@ -3,7 +3,7 @@ export declare type DialogConfigType = {
     prefixCls?: string;
     simple?: boolean;
 };
-export interface IDialogProps {
+export interface BasicDialogProps {
     className?: string;
     style?: CSSProperties;
     visible?: boolean;
@@ -32,13 +32,13 @@ export declare type DialogReturnProps = {
     update: (newConfig: ConfirmProps) => void;
     close: () => void;
 };
-export interface ConfirmProps extends IDialogProps {
+export interface ConfirmProps extends BasicDialogProps {
     content?: ReactNode;
     icon?: ReactNode | null;
     isNotice?: boolean;
     noticeType?: string;
 }
-export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<IDialogProps>> {
+export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<BasicDialogProps>> {
     confirm: (props: ConfirmProps) => DialogReturnProps;
     alert: (props: ConfirmProps) => DialogReturnProps;
     config: (config: DialogConfigType) => void;

package/dist/esm/types/src/packages/dialog/dialog.d.ts

@@ -1,3 +1,3 @@
-import { IDialogProps, DialogComponent } from './config';
-export declare type DialogProps = IDialogProps;
+import { BasicDialogProps, DialogComponent } from './config';
+export declare type DialogProps = BasicDialogProps;
 export declare const Dialog: DialogComponent;

package/dist/esm/types/src/packages/fixednav/fixednav.d.ts

@@ -1,11 +1,11 @@
 import React, { FunctionComponent, MouseEvent } from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 declare type Direction = 'right' | 'left';
 declare type Position = {
     top?: string;
     bottom?: string;
 };
-export interface FixedNavProps extends IComponent {
+export interface FixedNavProps extends BasicComponent {
     fixednavClass: string;
     visible: boolean;
     overlay: boolean;

package/dist/esm/types/src/packages/form/form.d.ts

@@ -1,8 +1,8 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 import { FormItem } from '../formitem/formitem';
 import { BaseForm } from './types';
-export interface FormProps extends IComponent, BaseForm {
+export interface FormProps extends BasicComponent, BaseForm {
 }
 export declare const Form: FunctionComponent<Partial<FormProps> & React.HTMLAttributes<HTMLFormElement>> & {
     Item: typeof FormItem;

package/dist/esm/types/src/packages/formitem/formitem.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { BaseFormField } from './types';
 import { FormItemContext } from './formitemcontext';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 declare type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
-export interface FormItemProps extends IComponent, BaseFormField {
+export interface FormItemProps extends BasicComponent, BaseFormField {
     labelWidth: string | number;
     errorMessageAlign: TextAlign;
     showErrorLine: boolean;

package/dist/esm/types/src/packages/formitem/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { FormItem } from './formitem';
+export default FormItem;

package/dist/esm/types/src/packages/griditem/griditem.d.ts

@@ -1,7 +1,7 @@
 import React, { FunctionComponent, ReactNode } from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 declare type GridDirection = 'horizontal' | 'vertical';
-export interface GridItemProps extends IComponent {
+export interface GridItemProps extends BasicComponent {
     text: string | ReactNode;
     icon: string | ReactNode;
     iconSize?: string | number;

package/dist/esm/types/src/packages/image/__test__/image.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/esm/types/src/packages/image/demo.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ImageDemo: () => JSX.Element;
+export default ImageDemo;

package/dist/esm/types/src/packages/image/image.d.ts

@@ -0,0 +1,23 @@
+import React, { FunctionComponent } from 'react';
+export interface ImageProps {
+    className: string;
+    style: React.CSSProperties;
+    src: string;
+    fit: ImageFit;
+    position: ImagePosition;
+    alt: string;
+    width: string;
+    height: string;
+    round: boolean;
+    radius: string | number;
+    showError: boolean;
+    showLoading: boolean;
+    slotLoding: React.ReactNode;
+    slotError: React.ReactNode | string;
+    onClick?: (e: MouseEvent) => void;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+export declare type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' | string;
+export declare type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
+export declare const Image: FunctionComponent<Partial<ImageProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onLoad' | 'onError'>>;

package/dist/esm/types/src/packages/image/index.d.ts

@@ -0,0 +1,2 @@
+import { Image } from './image';
+export default Image;

package/dist/esm/types/src/packages/image/index.taro.d.ts

@@ -0,0 +1,2 @@
+import { Image } from './image.taro';
+export default Image;

package/dist/esm/types/src/packages/infiniteloading/infiniteloading.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface InfiniteloadingProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface InfiniteloadingProps extends BasicComponent {
     hasMore: boolean;
     threshold: number;
     containerId: string;

package/dist/esm/types/src/packages/input/input.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties, FunctionComponent, HTMLInputTypeAttribute } from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 export declare type InputAlignType = 'left' | 'center' | 'right';
 export declare type InputFormatTrigger = 'onChange' | 'onBlur';
 export declare type InputType = HTMLInputTypeAttribute;
@@ -9,7 +9,7 @@ export declare type InputRule = {
     required?: boolean;
 };
 export declare type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
-export interface InputProps extends IComponent {
+export interface InputProps extends BasicComponent {
     type: InputType;
     name: string;
     defaultValue: any;

package/dist/esm/types/src/packages/inputnumber/inputnumber.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, ChangeEvent, FocusEvent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface InputNumberProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface InputNumberProps extends BasicComponent {
     disabled: boolean;
     buttonSize: string | number;
     min: string | number;

package/dist/esm/types/src/packages/menu/menu.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface MenuProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface MenuProps extends BasicComponent {
     className: string;
     style: React.CSSProperties;
     activeColor: string;

package/dist/esm/types/src/packages/menuitem/menuitem.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 export interface OptionItem {
     text: string;
     value: string | number;
 }
-export interface MenuItemProps extends IComponent {
+export interface MenuItemProps extends BasicComponent {
     className: string;
     style: React.CSSProperties;
     title: React.ReactNode;

package/dist/esm/types/src/packages/navbar/navbar.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface NavBarProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface NavBarProps extends BasicComponent {
     leftShow: boolean;
     title: string;
     titIcon: string;

package/dist/esm/types/src/packages/noticebar/noticebar.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, CSSProperties } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface NoticeBarProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface NoticeBarProps extends BasicComponent {
     direction: string;
     className?: string;
     style?: CSSProperties;

package/dist/esm/types/src/packages/nutui.react.build.d.ts

@@ -5,6 +5,7 @@ import Icon from '@/packages/icon';
 import Overlay from '@/packages/overlay';
 import Popup from '@/packages/popup';
 import ConfigProvider from '@/packages/configprovider';
+import Image from '@/packages/image';
 import Layout from '@/packages/layout';
 import Col from '@/packages/col';
 import Row from '@/packages/row';
@@ -80,6 +81,8 @@ import Video from '@/packages/video';
 import Progress from '@/packages/progress';
 import Audio from '@/packages/audio';
 import ImagePreview from '@/packages/imagepreview';
+import TrendArrow from '@/packages/trendarrow';
+import WaterMark from '@/packages/watermark';
 import Address from '@/packages/address';
 import Barrage from '@/packages/barrage';
 import Signature from '@/packages/signature';
@@ -87,4 +90,4 @@ import Card from '@/packages/card';
 import TimePannel from '@/packages/timepannel';
 import TimeDetail from '@/packages/timedetail';
 import TimeSelect from '@/packages/timeselect';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/esm/types/src/packages/nutui.react.d.ts

@@ -5,6 +5,7 @@ import Icon from '@/packages/icon';
 import Overlay from '@/packages/overlay';
 import Popup from '@/packages/popup';
 import ConfigProvider from '@/packages/configprovider';
+import Image from '@/packages/image';
 import Layout from '@/packages/layout';
 import Col from '@/packages/col';
 import Row from '@/packages/row';
@@ -80,6 +81,8 @@ import Video from '@/packages/video';
 import Progress from '@/packages/progress';
 import Audio from '@/packages/audio';
 import ImagePreview from '@/packages/imagepreview';
+import TrendArrow from '@/packages/trendarrow';
+import WaterMark from '@/packages/watermark';
 import Address from '@/packages/address';
 import Barrage from '@/packages/barrage';
 import Signature from '@/packages/signature';
@@ -94,6 +97,7 @@ import '@/packages/icon/icon.scss';
 import '@/packages/overlay/overlay.scss';
 import '@/packages/popup/popup.scss';
 import '@/packages/configprovider/configprovider.scss';
+import '@/packages/image/image.scss';
 import '@/packages/layout/layout.scss';
 import '@/packages/col/col.scss';
 import '@/packages/row/row.scss';
@@ -169,6 +173,8 @@ import '@/packages/video/video.scss';
 import '@/packages/progress/progress.scss';
 import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
+import '@/packages/trendarrow/trendarrow.scss';
+import '@/packages/watermark/watermark.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';
@@ -176,4 +182,4 @@ import '@/packages/card/card.scss';
 import '@/packages/timepannel/timepannel.scss';
 import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/esm/types/src/packages/nutui.react.scss.d.ts

@@ -5,6 +5,7 @@ import '@/packages/icon/icon.scss';
 import '@/packages/overlay/overlay.scss';
 import '@/packages/popup/popup.scss';
 import '@/packages/configprovider/configprovider.scss';
+import '@/packages/image/image.scss';
 import '@/packages/layout/layout.scss';
 import '@/packages/col/col.scss';
 import '@/packages/row/row.scss';
@@ -80,6 +81,8 @@ import '@/packages/video/video.scss';
 import '@/packages/progress/progress.scss';
 import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
+import '@/packages/trendarrow/trendarrow.scss';
+import '@/packages/watermark/watermark.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';

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

@@ -5,6 +5,7 @@ import Icon from '@/packages/icon/index.taro';
 import Overlay from '@/packages/overlay/index.taro';
 import Popup from '@/packages/popup/index.taro';
 import ConfigProvider from '@/packages/configprovider/index.taro';
+import Image from '@/packages/image/index.taro';
 import Layout from '@/packages/layout/index.taro';
 import Col from '@/packages/col/index.taro';
 import Row from '@/packages/row/index.taro';
@@ -44,6 +45,8 @@ import Uploader from '@/packages/uploader/index.taro';
 import Cascader from '@/packages/cascader/index.taro';
 import SearchBar from '@/packages/searchbar/index.taro';
 import NumberKeyboard from '@/packages/numberkeyboard/index.taro';
+import Form from '@/packages/form/index.taro';
+import FormItem from '@/packages/formitem/index.taro';
 import ActionSheet from '@/packages/actionsheet/index.taro';
 import BackTop from '@/packages/backtop/index.taro';
 import Drag from '@/packages/drag/index.taro';
@@ -78,6 +81,8 @@ import Video from '@/packages/video/index.taro';
 import Progress from '@/packages/progress/index.taro';
 import Audio from '@/packages/audio/index.taro';
 import ImagePreview from '@/packages/imagepreview/index.taro';
+import TrendArrow from '@/packages/trendarrow/index.taro';
+import WaterMark from '@/packages/watermark/index.taro';
 import Address from '@/packages/address/index.taro';
 import Barrage from '@/packages/barrage/index.taro';
 import Signature from '@/packages/signature/index.taro';
@@ -92,6 +97,7 @@ import '@/packages/icon/icon.scss';
 import '@/packages/overlay/overlay.scss';
 import '@/packages/popup/popup.scss';
 import '@/packages/configprovider/configprovider.scss';
+import '@/packages/image/image.scss';
 import '@/packages/layout/layout.scss';
 import '@/packages/col/col.scss';
 import '@/packages/row/row.scss';
@@ -131,6 +137,8 @@ import '@/packages/uploader/uploader.scss';
 import '@/packages/cascader/cascader.scss';
 import '@/packages/searchbar/searchbar.scss';
 import '@/packages/numberkeyboard/numberkeyboard.scss';
+import '@/packages/form/form.scss';
+import '@/packages/formitem/formitem.scss';
 import '@/packages/actionsheet/actionsheet.scss';
 import '@/packages/backtop/backtop.scss';
 import '@/packages/drag/drag.scss';
@@ -165,6 +173,8 @@ import '@/packages/video/video.scss';
 import '@/packages/progress/progress.scss';
 import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
+import '@/packages/trendarrow/trendarrow.scss';
+import '@/packages/watermark/watermark.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';
@@ -172,4 +182,4 @@ import '@/packages/card/card.scss';
 import '@/packages/timepannel/timepannel.scss';
 import '@/packages/timedetail/timedetail.scss';
 import '@/packages/timeselect/timeselect.scss';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts

@@ -5,6 +5,7 @@ import '@/packages/icon/icon.scss';
 import '@/packages/overlay/overlay.scss';
 import '@/packages/popup/popup.scss';
 import '@/packages/configprovider/configprovider.scss';
+import '@/packages/image/image.scss';
 import '@/packages/layout/layout.scss';
 import '@/packages/col/col.scss';
 import '@/packages/row/row.scss';
@@ -44,6 +45,8 @@ import '@/packages/uploader/uploader.scss';
 import '@/packages/cascader/cascader.scss';
 import '@/packages/searchbar/searchbar.scss';
 import '@/packages/numberkeyboard/numberkeyboard.scss';
+import '@/packages/form/form.scss';
+import '@/packages/formitem/formitem.scss';
 import '@/packages/actionsheet/actionsheet.scss';
 import '@/packages/backtop/backtop.scss';
 import '@/packages/drag/drag.scss';
@@ -78,6 +81,8 @@ import '@/packages/video/video.scss';
 import '@/packages/progress/progress.scss';
 import '@/packages/audio/audio.scss';
 import '@/packages/imagepreview/imagepreview.scss';
+import '@/packages/trendarrow/trendarrow.scss';
+import '@/packages/watermark/watermark.scss';
 import '@/packages/address/address.scss';
 import '@/packages/barrage/barrage.scss';
 import '@/packages/signature/signature.scss';

package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts

@@ -5,6 +5,7 @@ import Icon from '@/packages/icon/index.taro';
 import Overlay from '@/packages/overlay/index.taro';
 import Popup from '@/packages/popup/index.taro';
 import ConfigProvider from '@/packages/configprovider/index.taro';
+import Image from '@/packages/image/index.taro';
 import Layout from '@/packages/layout/index.taro';
 import Col from '@/packages/col/index.taro';
 import Row from '@/packages/row/index.taro';
@@ -44,6 +45,8 @@ import Uploader from '@/packages/uploader/index.taro';
 import Cascader from '@/packages/cascader/index.taro';
 import SearchBar from '@/packages/searchbar/index.taro';
 import NumberKeyboard from '@/packages/numberkeyboard/index.taro';
+import Form from '@/packages/form/index.taro';
+import FormItem from '@/packages/formitem/index.taro';
 import ActionSheet from '@/packages/actionsheet/index.taro';
 import BackTop from '@/packages/backtop/index.taro';
 import Drag from '@/packages/drag/index.taro';
@@ -78,6 +81,8 @@ import Video from '@/packages/video/index.taro';
 import Progress from '@/packages/progress/index.taro';
 import Audio from '@/packages/audio/index.taro';
 import ImagePreview from '@/packages/imagepreview/index.taro';
+import TrendArrow from '@/packages/trendarrow/index.taro';
+import WaterMark from '@/packages/watermark/index.taro';
 import Address from '@/packages/address/index.taro';
 import Barrage from '@/packages/barrage/index.taro';
 import Signature from '@/packages/signature/index.taro';
@@ -85,4 +90,4 @@ import Card from '@/packages/card/index.taro';
 import TimePannel from '@/packages/timepannel/index.taro';
 import TimeDetail from '@/packages/timedetail/index.taro';
 import TimeSelect from '@/packages/timeselect/index.taro';
-export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };
+export { Button, Cell, CellGroup, Icon, Overlay, Popup, ConfigProvider, Image, Layout, Col, Row, Divider, Grid, GridItem, Sticky, NavBar, FixedNav, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, SideNavBar, SubSideNavBar, SideNavBarItem, Menu, MenuItem, Range, Calendar, Checkbox, CheckboxGroup, DatePicker, InputNumber, Input, Radio, RadioGroup, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, Cascader, SearchBar, NumberKeyboard, Form, FormItem, ActionSheet, BackTop, Drag, Dialog, Infiniteloading, Notify, Switch, Toast, Swipe, PullToRefresh, CircleProgress, NoticeBar, Steps, Step, Swiper, SwiperItem, Avatar, AvatarGroup, Price, Badge, Tag, Popover, Skeleton, CountDown, Collapse, CollapseItem, AnimatingNumbers, Empty, VirtualList, Table, Video, Progress, Audio, ImagePreview, TrendArrow, WaterMark, Address, Barrage, Signature, Card, TimePannel, TimeDetail, TimeSelect };

package/dist/esm/types/src/packages/picker/pickerSlot.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerOption } from './picker';
-interface IPickerSlotProps {
+interface PickerSlotProps {
     keyIndex?: number;
     defaultValue?: string | number;
     listData?: PickerOption[];
@@ -8,7 +8,7 @@ interface IPickerSlotProps {
     swipeDuration: number | string;
     chooseItem?: (val: PickerOption, idx: number) => void;
 }
-declare const PickerSlot: React.ForwardRefExoticComponent<Partial<IPickerSlotProps> & React.RefAttributes<{
+declare const PickerSlot: React.ForwardRefExoticComponent<Partial<PickerSlotProps> & React.RefAttributes<{
     stopMomentum: () => void;
     moving: boolean;
 }>>;

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

@@ -1,5 +1,5 @@
 import React, { CSSProperties, FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 export declare type PopoverTheme = 'light' | 'dark';
 export declare 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 {
@@ -7,7 +7,7 @@ export interface List {
     icon?: string;
     disabled?: boolean;
 }
-export interface PopoverProps extends IComponent {
+export interface PopoverProps extends BasicComponent {
     list: List[];
     theme: PopoverTheme;
     location: PopoverLocation | string;

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

@@ -1,8 +1,8 @@
 import React, { FunctionComponent, MouseEvent } from 'react';
 import { OverlayProps } from '@/packages/overlay/overlay';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 declare type Teleport = HTMLElement | (() => HTMLElement) | null;
-export interface PopupProps extends OverlayProps, IComponent {
+export interface PopupProps extends OverlayProps, BasicComponent {
     position: string;
     transition: string;
     style: React.CSSProperties;

package/dist/esm/types/src/packages/progress/progress.d.ts

@@ -1,8 +1,8 @@
 import React, { FunctionComponent, CSSProperties, ReactNode } from 'react';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 export declare type ProgressSize = 'small' | 'base' | 'large';
 export declare type TextType = 'icon' | 'text';
-export interface ProgressProps extends IComponent {
+export interface ProgressProps extends BasicComponent {
     className: string;
     style: CSSProperties;
     isShowPercentage: boolean;

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

@@ -1,9 +1,9 @@
 import React, { FunctionComponent, MouseEventHandler } from 'react';
 import RadioGroup from '@/packages/radiogroup';
-import { IComponent } from '@/utils/typings';
+import { BasicComponent } from '@/utils/typings';
 declare type Shape = 'button' | 'round';
 declare type Position = 'right' | 'left';
-export interface RadioProps extends IComponent {
+export interface RadioProps extends BasicComponent {
     className: string;
     style: React.CSSProperties;
     disabled: boolean;

package/dist/esm/types/src/packages/rate/rate.d.ts

@@ -1,6 +1,6 @@
 import { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface RateProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface RateProps extends BasicComponent {
     count: string | number;
     modelValue: string | number;
     minimizeValue: string | number;

package/dist/esm/types/src/packages/searchbar/searchbar.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface SearchBarProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface SearchBarProps extends BasicComponent {
     /** 文本值	 */
     value?: number | string;
     /** 输入框占位提示文字	 */

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

@@ -1,6 +1,6 @@
 import React, { CSSProperties, FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface ShortPasswordProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface ShortPasswordProps extends BasicComponent {
     title: string;
     desc: string;
     tips: string;

package/dist/esm/types/src/packages/step/step.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface StepProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface StepProps extends BasicComponent {
     title: string;
     content: string;
     activeIndex: number;

package/dist/esm/types/src/packages/sticky/sticky.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
-import { IComponent } from '@/utils/typings';
-export interface StickyProps extends IComponent {
+import { BasicComponent } from '@/utils/typings';
+export interface StickyProps extends BasicComponent {
     container?: React.RefObject<HTMLElement>;
     position?: 'top' | 'bottom';
     className?: string;