@nutui/nutui-react 2.2.0 → 2.3.0-beta.1

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

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

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

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SpaceProps extends BasicComponent {
+    direction: 'horizontal' | 'vertical';
+    align: 'start' | 'end' | 'center' | 'baseline';
+    justify: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' | 'stretch';
+    wrap: boolean;
+}
+export declare const Space: FunctionComponent<Partial<SpaceProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,9 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface StepProps extends BasicComponent {
+    title: ReactNode;
+    description: ReactNode;
+    value: number;
+    icon: ReactNode;
+}
+export declare const Step: FunctionComponent<Partial<StepProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

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

@@ -0,0 +1,3 @@
+import { Steps } from './steps.taro';
+export type { StepsProps } from './steps.taro';
+export default Steps;

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

@@ -0,0 +1,9 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface StepsProps extends BasicComponent {
+    value: number;
+    direction: string;
+    dot: boolean;
+    onStepClick: (index: number) => void;
+}
+export declare const Steps: FunctionComponent<Partial<StepsProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+import { Sticky } from './sticky.taro';
+export type { StickyProps } from './sticky.taro';
+export default Sticky;

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

@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface StickyProps extends BasicComponent {
+    container: React.RefObject<HTMLElement>;
+    position: 'top' | 'bottom';
+    threshold: number;
+    zIndex: number;
+    onChange: (val: boolean) => void;
+}
+export declare const Sticky: FunctionComponent<Partial<StickyProps>>;

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

@@ -0,0 +1,3 @@
+import { SubSideNavBar } from './subsidenavbar.taro';
+export type { SubSideNavBarProps } from './subsidenavbar.taro';
+export default SubSideNavBar;

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

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+export type SubSideNavBarProps = {
+    title: string;
+    value: string | number;
+    open?: boolean;
+    children?: React.ReactNode;
+    onClick?: ({ title, value, isShow, }: {
+        title: string;
+        value: string | number;
+        isShow: boolean;
+    }) => void;
+};
+export declare const SubSideNavBar: FunctionComponent<SubSideNavBarProps>;

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

@@ -0,0 +1,3 @@
+import { Swipe } from './swipe.taro';
+export type { SwipeProps, SwipeInstance, SwipeSide } from './swipe.taro';
+export default Swipe;

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

@@ -11,17 +11,17 @@ export interface SwipeProps extends BasicComponent {
     * 标识符，可以在事件参数中获取到
     * @default -
     */
-    name?: string | number;
+    name?: string | number
     /**
     * 左侧滑动区域的内容
     * @default -
     */
-    leftAction?: React.ReactNode;
+    leftAction?: React.ReactNode
     /**
     * 右侧滑动区域的内容
     * @default -
     */
-    rightAction?: React.ReactNode;
+    rightAction?: React.ReactNode
     /**
     * 关闭前的回调函数，返回滑动区域所在方向 position
     * @default -
@@ -31,7 +31,7 @@ export interface SwipeProps extends BasicComponent {
     * 是否禁用滑动
     * @default false
     */
-    disabled?: boolean;
+    disabled?: boolean
     /**
     * 打开单元格侧边栏
     * @default -
@@ -39,7 +39,7 @@ export interface SwipeProps extends BasicComponent {
     onOpen?: ({ name, position, }: {
         name: string | number;
         position: SwipeSide;
-    }) => void;
+    }) => void
     /**
     * 收起单元格侧边栏
     * @default -
@@ -47,12 +47,12 @@ export interface SwipeProps extends BasicComponent {
     onClose?: ({ name, position, }: {
         name: string | number;
         position: SwipeSide;
-    }) => void;
+    }) => void
     /**
     * 点击左侧或者右侧时触发
     * @default -
     */
-    onActionClick?: (event: MouseEvent<HTMLDivElement>, position: SwipeSide) => void;
+    onActionClick?: (event: MouseEvent<HTMLDivElement>, position: SwipeSide) => void
     /**
     * onTouchStart
     * @default -

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { MouseEvent } from 'react';
+import { BaseEventOrig } from '@tarojs/components/types/common';
+import { BasicComponent } from '../../utils/typings';
+export type SwipeSide = 'left' | 'right';
+export interface SwipeInstance {
+    open: (side: SwipeSide) => void;
+    close: () => void;
+}
+export interface SwipeProps extends BasicComponent {
+    name?: string | number;
+    leftAction?: React.ReactNode;
+    rightAction?: React.ReactNode;
+    /** 关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise */
+    beforeClose?: (position: string) => void;
+    disabled?: boolean;
+    onOpen?: ({ name, position, }: {
+        name: string | number;
+        position: SwipeSide;
+    }) => void;
+    onClose?: ({ name, position, }: {
+        name: string | number;
+        position: SwipeSide;
+    }) => void;
+    onActionClick?: (event: MouseEvent<HTMLDivElement>, position: SwipeSide) => void;
+    onTouchStart?: (event: BaseEventOrig<HTMLDivElement>) => void;
+    onTouchEnd?: (event: BaseEventOrig<HTMLDivElement>) => void;
+    onTouchMove?: (event: BaseEventOrig<HTMLDivElement>) => void;
+}
+export declare const Swipe: React.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React.RefAttributes<SwipeInstance>>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SwiperProps } from './swiper.taro';
+import SwiperItem from '../../packages/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;
+};
+declare const InnerSwiper: CompoundedComponent;
+export default InnerSwiper;

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { SwiperProps as TaroSwiperProps } from '@tarojs/components';
+export interface SwiperProps extends Omit<TaroSwiperProps, 'ref'> {
+    width: number;
+    height: number | string;
+    direction: 'horizontal' | 'vertical';
+    indicator: ReactNode;
+    autoPlay: boolean;
+    loop: boolean;
+    defaultValue: number;
+    onChange: (e: any) => void;
+}
+export declare const Swiper: React.ForwardRefExoticComponent<Partial<SwiperProps> & React.RefAttributes<unknown>>;

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

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

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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SwiperItemProps extends BasicComponent {
+    itemId?: string;
+    skipHiddenItemLayout?: boolean;
+}
+export declare const SwiperItem: FunctionComponent<Partial<SwiperItemProps>>;

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

@@ -0,0 +1,3 @@
+import { Switch } from './switch.taro';
+export type { SwitchProps } from './switch.taro';
+export default Switch;

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

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface SwitchProps extends BasicComponent {
+    checked: boolean;
+    defaultChecked: boolean;
+    disabled: boolean;
+    activeText: string;
+    inactiveText: string;
+    onChange: (val: boolean, event: React.MouseEvent) => void;
+}
+export declare const Switch: FunctionComponent<Partial<SwitchProps>>;

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

@@ -0,0 +1,3 @@
+import { Tabbar } from './tabbar.taro';
+export type { TabbarProps } from './tabbar.taro';
+export default Tabbar;

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

@@ -0,0 +1,15 @@
+import { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+import TabbarItem from '../tabbaritem/index.taro';
+export interface TabbarProps extends BasicComponent {
+    defaultValue: number;
+    value?: number;
+    fixed: boolean;
+    inactiveColor: string;
+    activeColor: string;
+    safeArea: boolean;
+    onSwitch: (value: number) => void;
+}
+export declare const Tabbar: FunctionComponent<Partial<TabbarProps>> & {
+    Item: typeof TabbarItem;
+};

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

@@ -0,0 +1,3 @@
+import { TabbarItem } from './tabbaritem.taro';
+export type { TabbarItemProps } from './tabbaritem.taro';
+export default TabbarItem;

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

@@ -0,0 +1,17 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface TabbarItemProps extends BasicComponent {
+    title: ReactNode;
+    icon: ReactNode;
+    active: boolean;
+    activeColor: string;
+    inactiveColor: string;
+    index: number;
+    value: ReactNode;
+    dot: boolean;
+    max: number;
+    top: string;
+    right: string;
+    handleClick: (idx: number) => void;
+}
+export declare const TabbarItem: FunctionComponent<Partial<TabbarItemProps>>;

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

@@ -0,0 +1,3 @@
+import { Table } from './table.taro';
+export type { TableProps } from './table.taro';
+export default Table;

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

@@ -0,0 +1,4 @@
+import React, { FunctionComponent } from 'react';
+import { BasicTableProps } from './types';
+export type TableProps = BasicTableProps;
+export declare const Table: FunctionComponent<Partial<TableProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -8,7 +8,7 @@ export interface BasicTableProps extends BasicComponent {
     striped?: boolean;
     noData?: React.ReactNode;
     sorterIcon?: React.ReactNode;
-    onSort?: (item: TableColumnProps, data: Array<any>) => void;
+    onSort?: (column: TableColumnProps, sortedData: Array<any>) => void;
     showHeader?: boolean;
 }
 export interface TableColumnProps {

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

@@ -0,0 +1,3 @@
+import { TabPane } from './tabpane.taro';
+export type { TabPaneProps } from './tabpane.taro';
+export default TabPane;

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

@@ -0,0 +1,13 @@
+import React, { FunctionComponent } from 'react';
+interface TabPanelInnerProps {
+    autoHeightClassName: string;
+}
+export interface TabPaneProps {
+    title: string | number;
+    value: string | number;
+    disabled: boolean;
+    className: string;
+    children?: React.ReactNode;
+}
+export declare const TabPane: FunctionComponent<Partial<TabPaneProps & TabPanelInnerProps>>;
+export {};

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

@@ -0,0 +1,3 @@
+import { Tabs } from './tabs.taro';
+export type { TabsProps, TabsTitle } from './tabs.taro';
+export default Tabs;

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

@@ -34,10 +34,10 @@ export interface TabsProps extends BasicComponent {
     */
     direction: 'horizontal' | 'vertical'
     /**
-    * 选中底部展示样式 可选值 line、smile
+    * 选中底部展示样式 可选值 line、smile、simple、card、button、divider
     * @default line
     */
-    activeType: 'line' | 'smile'
+    activeType: 'line' | 'smile' | 'simple' | 'card' | 'button' | 'divider'
     /**
     * 切换动画时长,单位 ms 0 代表无动画
     * @default 300

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

@@ -0,0 +1,28 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+import TabPane from '../../packages/tabpane/index.taro';
+export type TabsTitle = {
+    title: string;
+    disabled: boolean;
+    active?: boolean;
+    value: string | number;
+};
+export interface TabsProps extends BasicComponent {
+    tabStyle: React.CSSProperties;
+    value: string | number;
+    defaultValue: string | number;
+    activeColor: string;
+    name: string;
+    direction: 'horizontal' | 'vertical';
+    activeType: 'line' | 'smile' | 'simple' | 'card' | 'button' | 'divider';
+    duration: number | string;
+    align: 'left' | 'right';
+    title: () => JSX.Element[];
+    onChange: (index: string | number) => void;
+    onClick: (index: string | number) => void;
+    autoHeight: boolean;
+    children?: React.ReactNode;
+}
+export declare const Tabs: FunctionComponent<Partial<TabsProps>> & {
+    TabPane: typeof TabPane;
+};

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

@@ -0,0 +1,3 @@
+import { Tag } from './tag.taro';
+export type { TagType, TagProps } from './tag.taro';
+export default Tag;

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

@@ -0,0 +1,17 @@
+import { FunctionComponent, ReactNode } from 'react';
+import type { MouseEvent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type TagType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export interface TagProps extends BasicComponent {
+    type: TagType;
+    background: string;
+    color: string;
+    plain: boolean;
+    round: boolean;
+    mark: boolean;
+    closeable: boolean;
+    closeIcon: ReactNode;
+    onClick: (e: MouseEvent<HTMLDivElement>) => void;
+    onClose: (e?: any) => void;
+}
+export declare const Tag: FunctionComponent<Partial<TagProps>>;

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

@@ -0,0 +1,3 @@
+import { TextArea } from './textarea.taro';
+export type { TextAreaProps } from './textarea.taro';
+export default TextArea;

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

@@ -0,0 +1,18 @@
+import { FunctionComponent } from 'react';
+import { TextareaProps } from '@tarojs/components';
+import { BasicComponent } from '../../utils/typings';
+export interface TextAreaProps extends Omit<TextareaProps, 'showCount' | 'onFocus' | 'onBlur'>, Omit<BasicComponent, 'style'> {
+    value: string;
+    defaultValue: string;
+    showCount: boolean;
+    maxLength: number;
+    rows: number;
+    placeholder: string;
+    readOnly: boolean;
+    disabled: boolean;
+    autoSize: boolean;
+    onChange: (value: string) => void;
+    onBlur: (event: Event) => void;
+    onFocus: (event: Event) => void;
+}
+export declare const TextArea: FunctionComponent<Partial<TextAreaProps>>;

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

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

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

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+import { TimeType, DateType, OptionKeyType } from '../../packages/timeselect/index.taro';
+export interface TimeDetailProps extends BasicComponent {
+    activeDate: string;
+    activeTime: DateType[];
+    options: DateType[];
+    optionKey: OptionKeyType;
+    onSelect: (time: TimeType) => void;
+}
+export declare const TimeDetail: FunctionComponent<Partial<TimeDetailProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>>;

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

@@ -0,0 +1,3 @@
+import { TimeSelect } from './timeselect.taro';
+export type { TimeSelectProps, DateType, OptionKeyType, TimeType, } from './timeselect.taro';
+export default TimeSelect;

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

@@ -0,0 +1,30 @@
+import { FunctionComponent, ReactNode } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface TimeType {
+    value?: string;
+    text?: string;
+    [prop: string]: any;
+}
+export interface DateType {
+    value?: string;
+    text?: string;
+    children?: TimeType[];
+    [prop: string]: any;
+}
+export interface OptionKeyType {
+    valueKey: string;
+    textKey: string;
+    childrenKey: string;
+}
+export interface TimeSelectProps extends BasicComponent {
+    visible: boolean;
+    multiple?: boolean;
+    title?: ReactNode;
+    defaultValue: DateType[];
+    options: DateType[];
+    optionKey: OptionKeyType;
+    onSelect?: (value: DateType[]) => void;
+    onDateChange?: (date: DateType, value: DateType[]) => void;
+    onTimeChange?: (time: TimeType, value: DateType[]) => void;
+}
+export declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;

package/dist/types/packages/toast/Notification.d.ts

@@ -27,7 +27,7 @@ export default class Notification extends React.PureComponent<NotificationProps,
     startCloseTimer(): void;
     clearCloseTimer(): void;
     clickCover(): void;
-    renderIcon(): number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    renderIcon(): number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
     componentDidMount(): void;
     componentWillUnmount(): void;
     render(): React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { Toast } from './toast.taro';
+export type { ToastProps, ToastPositionType, ToastOptions, ToastWordBreakType, } from './toast.taro';
+export default Toast;

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

@@ -0,0 +1,32 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export type ToastPositionType = 'top' | 'bottom' | 'center';
+export type ToastSize = 'small' | 'base' | 'large';
+export type ToastWordBreakType = 'normal' | 'break-all' | 'break-word';
+export interface ToastProps extends BasicComponent {
+    id?: string;
+    maskClassName?: string;
+    contentClassName?: string;
+    contentStyle?: React.CSSProperties;
+    icon: string | React.ReactNode;
+    iconSize: string;
+    msg: string | React.ReactNode;
+    duration: number;
+    position?: ToastPositionType;
+    type: string;
+    title: string;
+    closeOnOverlayClick: boolean;
+    lockScroll: boolean;
+    size: ToastSize;
+    visible: boolean;
+    wordBreak?: ToastWordBreakType;
+    onClose: () => void;
+}
+export declare const Toast: FunctionComponent<Partial<ToastProps> & React.HTMLAttributes<HTMLDivElement>> & {
+    show: typeof show;
+    hide: typeof hide;
+};
+export interface ToastOptions extends Partial<Omit<ToastProps, 'visible'>> {
+}
+export declare function show(selector: string, options: ToastOptions): void;
+export declare function hide(selector: string): void;

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

@@ -0,0 +1,3 @@
+import { Tour } from './tour.taro';
+export type { ListOptions, TourType, TourProps } from './tour.taro';
+export default Tour;

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

@@ -0,0 +1,31 @@
+import React, { ReactNode, FunctionComponent } from 'react';
+import type { MouseEvent } from 'react';
+import { PopoverLocation } from '../../packages/popover/index.taro';
+import { BasicComponent } from '../../utils/typings';
+export interface ListOptions {
+    target: Element | string;
+    content?: string;
+    location?: string;
+    popoverOffset?: number[];
+    arrowOffset?: number;
+}
+export type TourType = 'step' | 'tile';
+export interface TourProps extends BasicComponent {
+    visible: boolean;
+    type: TourType;
+    location: PopoverLocation | string;
+    mask: boolean;
+    maskWidth: number | string;
+    maskHeight: number | string;
+    offset: number[];
+    list: ListOptions[];
+    title: ReactNode;
+    next: ReactNode;
+    prev: ReactNode;
+    complete: ReactNode;
+    showPrev: boolean;
+    closeOnOverlayClick: boolean;
+    onClose: (e: MouseEvent<HTMLDivElement>) => void;
+    onChange: (value: number) => void;
+}
+export declare const Tour: FunctionComponent<Partial<TourProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'>>;

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

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

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

@@ -0,0 +1,16 @@
+import React, { FunctionComponent } from 'react';
+import { BasicComponent } from '../../utils/typings';
+export interface TrendArrowProps extends BasicComponent {
+    value: number;
+    digits: number;
+    symbol: boolean;
+    zero: boolean;
+    left: boolean;
+    sync: boolean;
+    color: string;
+    riseColor: string;
+    dropColor: string;
+    riseIcon: React.ReactNode;
+    dropIcon: React.ReactNode;
+}
+export declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React.HTMLAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+import { Uploader } from './uploader.taro';
+export type { UploaderProps } from './uploader.taro';
+export type { FileType, FileItem, FileItemStatus } from './file-item';
+export default Uploader;

package/dist/types/packages/uploader/preview.taro.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Preview: React.FunctionComponent<any>;