@nutui/nutui-react 1.3.0 → 1.3.1-beta.0

package/dist/types/calendar/calendar.d.ts

@@ -1,4 +1,11 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
+declare type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
+interface Day {
+    day: string | number;
+    type: string;
+}
 export interface CalendarProps {
     type?: string;
     isAutoBackFill?: boolean;
@@ -8,7 +15,20 @@ export 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) => string | JSX.Element) | undefined;
+    onTopInfo?: ((date: Day) => string | JSX.Element) | undefined;
+    onBottomInfo?: ((date: Day) => string | JSX.Element) | undefined;
     onClose?: () => void;
     onChoose?: (param: string) => void;
+    onSelected?: (data: string) => void;
 }
-export declare const Calendar: FunctionComponent<Partial<CalendarProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Calendar: React.ForwardRefExoticComponent<Partial<CalendarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
+export {};

package/dist/types/calendar/demo.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import './demo.scss';
 declare const CalendarDemo: () => JSX.Element;
 export default CalendarDemo;

package/dist/types/calendaritem/calendaritem.d.ts

@@ -1,5 +1,12 @@
-import React, { FunctionComponent } from 'react';
+import React from 'react';
+declare type CalendarRef = {
+    scrollToDate: (date: string) => void;
+};
 declare type InputDate = string | string[];
+interface Day {
+    day: string | number;
+    type: string;
+}
 export interface CalendarItemProps {
     type?: string;
     isAutoBackFill?: boolean;
@@ -9,9 +16,20 @@ export 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;
 }
-export declare const CalendarItem: FunctionComponent<Partial<CalendarItemProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const CalendarItem: React.ForwardRefExoticComponent<Partial<CalendarItemProps> & Omit<React.HTMLAttributes<HTMLDivElement>, ""> & React.RefAttributes<CalendarRef>>;
 export {};

package/dist/types/cascader/__tests__/cascader.spec.d.ts

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

package/dist/types/cascader/cascader.d.ts

@@ -0,0 +1,25 @@
+import React, { CSSProperties } from 'react';
+import { CascaderOption } from './types';
+export interface CascaderProps {
+    className: string;
+    style: CSSProperties;
+    visible: boolean;
+    options: CascaderOption[];
+    value: string[];
+    title: string;
+    textKey: string;
+    valueKey: string;
+    childrenKey: string;
+    convertConfig: Record<string, string | number | null>;
+    closeable: boolean;
+    closeIconPosition: string;
+    closeIcon: string;
+    lazy: boolean;
+    lazyLoad: (node: any, resolve: any) => void;
+    onClose?: () => void;
+    onChange: (value: any, params: any) => void;
+    onPathChange: (value: any, params: any) => void;
+}
+export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

package/dist/types/cascader/cascader.taro.d.ts

@@ -0,0 +1,25 @@
+import React, { CSSProperties } from 'react';
+import { CascaderOption } from './types';
+export interface CascaderProps {
+    className: string;
+    style: CSSProperties;
+    visible: boolean;
+    options: CascaderOption[];
+    value: string[];
+    title: string;
+    textKey: string;
+    valueKey: string;
+    childrenKey: string;
+    convertConfig: Record<string, string | number | null>;
+    closeable: boolean;
+    closeIconPosition: string;
+    closeIcon: string;
+    lazy: boolean;
+    lazyLoad: (node: any, resolve: any) => void;
+    onClose?: () => void;
+    onChange: (value: any, params: any) => void;
+    onPathChange: (value: any, params: any) => void;
+}
+export declare const Cascader: React.ForwardRefExoticComponent<Partial<CascaderProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

package/dist/types/cascader/cascaderItem.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface OptiosInfo {
+    text: string;
+    value: string;
+    paneKey: string;
+    disabled?: boolean;
+    loading?: boolean;
+    children?: OptiosInfo[];
+}
+export interface CascaderItemProps {
+    data: {
+        text: string;
+        value: string;
+        paneKey: string;
+        disabled?: boolean;
+        loading?: boolean;
+        children?: OptiosInfo[];
+    };
+    checked: boolean;
+    chooseItem: (data: any) => void;
+}
+export declare const CascaderItem: React.ForwardRefExoticComponent<Partial<CascaderItemProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export {};

package/dist/types/cascader/cascaderItem.taro.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface OptiosInfo {
+    text: string;
+    value: string;
+    paneKey: string;
+    disabled?: boolean;
+    loading?: boolean;
+    children?: OptiosInfo[];
+}
+export interface CascaderItemProps {
+    data: {
+        text: string;
+        value: string;
+        paneKey: string;
+        disabled?: boolean;
+        loading?: boolean;
+        children?: OptiosInfo[];
+    };
+    checked: boolean;
+    chooseItem: (data: any) => void;
+}
+export declare const CascaderItem: React.ForwardRefExoticComponent<Partial<CascaderItemProps> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export {};

package/dist/types/cascader/demo.d.ts

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

package/dist/types/cascader/helper.d.ts

@@ -0,0 +1,4 @@
+import { CascaderOption, CascaderConfig, convertConfig } from './types';
+export declare const formatTree: (tree: CascaderOption[], parent: CascaderOption | null, config: CascaderConfig) => CascaderOption[];
+export declare const eachTree: (tree: CascaderOption[], cb: (node: CascaderOption) => unknown) => void;
+export declare const convertListToOptions: (list: CascaderOption[], options: convertConfig) => CascaderOption[];

package/dist/types/cascader/index.d.ts

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

package/dist/types/cascader/index.taro.d.ts

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

package/dist/types/cascader/tree.d.ts

@@ -0,0 +1,12 @@
+import { CascaderOption, CascaderConfig, CascaderValue } from './types';
+declare class Tree {
+    nodes: CascaderOption[];
+    readonly config: CascaderConfig;
+    constructor(nodes: CascaderOption[], config?: CascaderConfig);
+    updateChildren(nodes: CascaderOption[], parent: CascaderOption | null): void;
+    getNodeByValue(value: CascaderOption['value']): CascaderOption | void;
+    getPathNodesByValue(value: CascaderValue): CascaderOption[];
+    isLeaf: (node: CascaderOption, lazy: boolean) => boolean;
+    hasChildren: (node: CascaderOption, lazy: boolean) => boolean;
+}
+export default Tree;

package/dist/types/cascader/types.d.ts

@@ -0,0 +1,28 @@
+export interface CascaderPane {
+    nodes: [];
+    selectedNode: CascaderOption | null;
+    paneKey: string;
+}
+export interface CascaderOption {
+    text?: string;
+    value?: number | string;
+    paneKey?: string;
+    disabled?: boolean;
+    children?: CascaderOption[];
+    leaf?: boolean;
+    level?: number;
+    loading?: boolean;
+    root?: boolean;
+}
+export interface CascaderConfig {
+    value?: string;
+    text?: string;
+    children?: string;
+}
+export declare type CascaderValue = CascaderOption['value'][];
+export interface convertConfig {
+    topId?: string | number | null;
+    idKey?: string;
+    pidKey?: string;
+    sortKey?: string;
+}

package/dist/types/checkbox/checkbox.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import CheckboxGroup from '../checkboxgroup';
-export interface CheckBoxProps {
+export interface CheckboxProps {
     checked: boolean;
     disabled: boolean;
     textPosition: 'left' | 'right';
@@ -14,6 +14,6 @@ export interface CheckBoxProps {
     label: string;
     onChange: (state: boolean, label: string) => void;
 }
-export declare const Checkbox: FunctionComponent<Partial<CheckBoxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+export declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
     Group: typeof CheckboxGroup;
 };

package/dist/types/checkbox/checkbox.taro.d.ts

@@ -1,6 +1,6 @@
 import React, { FunctionComponent } from 'react';
 import CheckboxGroup from '../checkboxgroup';
-export interface CheckBoxProps {
+export interface CheckboxProps {
     checked: boolean;
     disabled: boolean;
     textPosition: 'left' | 'right';
@@ -14,6 +14,6 @@ export interface CheckBoxProps {
     label: string;
     onChange: (state: boolean, label: string) => void;
 }
-export declare const Checkbox: FunctionComponent<Partial<CheckBoxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+export declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
     Group: typeof CheckboxGroup;
 };

package/dist/types/checkboxgroup/checkboxgroup.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export interface CheckBoxGroupProps {
+export interface CheckboxGroupProps {
     disabled: boolean;
     checkedValue: string[];
     max: number | undefined;
     onChange: (value: string[]) => void;
 }
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckBoxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;

package/dist/types/checkboxgroup/checkboxgroup.taro.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export interface CheckBoxGroupProps {
+export interface CheckboxGroupProps {
     disabled: boolean;
     checkedValue: string[];
     max: number | undefined;
     onChange: (value: string[]) => void;
 }
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckBoxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;

package/dist/types/dialog/__test__/dialog.spec.d.ts

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

package/dist/types/dialog/config.d.ts

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

package/dist/types/dialog/dialog.d.ts

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

package/dist/types/dialog/dialog.taro.d.ts

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

package/dist/types/fixednav/fixednav.d.ts

@@ -1,4 +1,4 @@
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, MouseEvent } from 'react';
 declare type Direction = 'right' | 'left';
 declare type Position = {
     top?: string;
@@ -14,7 +14,7 @@ export interface FixedNavProps {
     position: Position;
     type: Direction;
     onChange: (v: any) => void;
-    onSelected: (item: any, e: any) => void;
+    onSelected: (v: any, event: MouseEvent) => void;
     slotList: React.ReactNode;
     slotBtn: React.ReactNode;
 }

package/dist/types/grid/__test__/grid.spec.d.ts

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

package/dist/types/grid/demo.d.ts

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

package/dist/types/grid/grid.d.ts

@@ -0,0 +1,16 @@
+import React, { CSSProperties, FunctionComponent } from 'react';
+export declare type GridDirection = 'horizontal' | 'vertical';
+export interface GridProps {
+    columnNum: string | number;
+    border: boolean;
+    gutter: string | number;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: GridDirection;
+    className?: string;
+    iconSize?: string | number;
+    iconColor?: string;
+    style?: CSSProperties;
+}
+export declare const Grid: FunctionComponent<Partial<GridProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/grid/grid.taro.d.ts

@@ -0,0 +1,16 @@
+import React, { CSSProperties, FunctionComponent } from 'react';
+export declare type GridDirection = 'horizontal' | 'vertical';
+export interface GridProps {
+    columnNum: string | number;
+    border: boolean;
+    gutter: string | number;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: GridDirection;
+    className?: string;
+    iconSize?: string | number;
+    iconColor?: string;
+    style?: CSSProperties;
+}
+export declare const Grid: FunctionComponent<Partial<GridProps> & React.HTMLAttributes<HTMLDivElement>>;

package/dist/types/grid/index.d.ts

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

package/dist/types/grid/index.taro.d.ts

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

package/dist/types/griditem/griditem.d.ts

@@ -0,0 +1,20 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+declare type GridDirection = 'horizontal' | 'vertical';
+export interface GridItemProps {
+    text: string | ReactNode;
+    icon: string | ReactNode;
+    iconSize?: string | number;
+    iconColor?: string;
+    parentIconSize?: string | number;
+    parentIconColor?: string;
+    index: number;
+    columnNum: string | number;
+    border: boolean;
+    gutter: string | number;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: GridDirection;
+}
+export declare const GridItem: FunctionComponent<Partial<GridItemProps> & React.HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/types/griditem/griditem.taro.d.ts

@@ -0,0 +1,20 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+declare type GridDirection = 'horizontal' | 'vertical';
+export interface GridItemProps {
+    text: string | ReactNode;
+    icon: string | ReactNode;
+    iconSize?: string | number;
+    iconColor?: string;
+    parentIconSize?: string | number;
+    parentIconColor?: string;
+    index: number;
+    columnNum: string | number;
+    border: boolean;
+    gutter: string | number;
+    center: boolean;
+    square: boolean;
+    reverse: boolean;
+    direction: GridDirection;
+}
+export declare const GridItem: FunctionComponent<Partial<GridItemProps> & React.HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/types/griditem/index.d.ts

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

package/dist/types/griditem/index.taro.d.ts

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

package/dist/types/icon/icon.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement, ReactHTML } from 'react';
-interface IconProps {
+export interface IconProps {
     name: string;
     size: string | number;
     classPrefix: string;
@@ -16,4 +16,3 @@ export declare namespace Icon {
     var defaultProps: IconProps;
     var displayName: string;
 }
-export {};

package/dist/types/icon/icon.taro.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactElement, ReactHTML } from 'react';
-interface IconProps {
+export interface IconProps {
     name: string;
     size: string | number;
     classPrefix: string;
@@ -16,4 +16,3 @@ export declare namespace Icon {
     var defaultProps: IconProps;
     var displayName: string;
 }
-export {};

package/dist/types/imagepreview/__test__/imagepreview.spec.d.ts

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

package/dist/types/imagepreview/demo.d.ts

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

package/dist/types/imagepreview/imagepreview.d.ts

@@ -0,0 +1,26 @@
+import { FunctionComponent, CSSProperties } from 'react';
+export interface ImagePreviewProps {
+    className?: string;
+    images: Array<{
+        src: string;
+    }>;
+    videos: Array<{
+        source: {
+            src: string;
+            type: string;
+        };
+        options: {
+            muted: boolean;
+            controls: boolean;
+        };
+    }>;
+    show: boolean;
+    autoplay: number | string;
+    initNo: number;
+    contentClose: boolean;
+    paginationVisible: boolean;
+    style?: CSSProperties;
+    paginationColor: string;
+    onClose: () => void;
+}
+export declare const ImagePreview: FunctionComponent<Partial<ImagePreviewProps>>;

package/dist/types/imagepreview/imagepreview.taro.d.ts

@@ -0,0 +1,26 @@
+import { FunctionComponent, CSSProperties } from 'react';
+export interface ImagePreviewProps {
+    className?: string;
+    images: Array<{
+        src: string;
+    }>;
+    videos: Array<{
+        source: {
+            src: string;
+            type: string;
+        };
+        options: {
+            muted: boolean;
+            controls: boolean;
+        };
+    }>;
+    show: boolean;
+    autoplay: number | string;
+    initNo: number;
+    contentClose: boolean;
+    paginationVisible: boolean;
+    style?: CSSProperties;
+    paginationColor: string;
+    onClose: () => void;
+}
+export declare const ImagePreview: FunctionComponent<Partial<ImagePreviewProps>>;

package/dist/types/imagepreview/index.d.ts

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

package/dist/types/imagepreview/index.taro.d.ts

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

package/dist/types/input/__test__/input.spec.d.ts

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

package/dist/types/menu/__test__/menu.spec.d.ts

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

package/dist/types/menu/demo.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './demo.scss';
+declare const MenuDemo: () => JSX.Element;
+export default MenuDemo;

package/dist/types/menu/index.d.ts

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

package/dist/types/menu/index.taro.d.ts

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

package/dist/types/menu/menu.d.ts

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+export interface MenuProps {
+    className: string;
+    style: React.CSSProperties;
+    activeColor: string;
+    closeOnClickOverlay: boolean;
+    scrollFixed: boolean | string | number;
+    lockScroll: boolean;
+    titleIcon: string;
+    children: React.ReactNode;
+}
+export declare const Menu: FunctionComponent<Partial<MenuProps>>;

package/dist/types/menu/menu.taro.d.ts

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+export interface MenuProps {
+    className: string;
+    style: React.CSSProperties;
+    activeColor: string;
+    closeOnClickOverlay: boolean;
+    scrollFixed: boolean | string | number;
+    lockScroll: boolean;
+    titleIcon: string;
+    children: React.ReactNode;
+}
+export declare const Menu: FunctionComponent<Partial<MenuProps>>;

package/dist/types/menuitem/index.d.ts

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

package/dist/types/menuitem/index.taro.d.ts

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

package/dist/types/menuitem/menuitem.d.ts

@@ -0,0 +1,23 @@
+import React, { FunctionComponent } from 'react';
+export interface OptionItem {
+    text: string;
+    value: string | number;
+}
+export interface MenuItemProps {
+    className: string;
+    style: React.CSSProperties;
+    title: React.ReactNode;
+    options: OptionItem[];
+    disabled: boolean;
+    columns: number;
+    optionsIcon: string;
+    direction: string;
+    activeTitleClass: string;
+    inactiveTitleClass: string;
+    fontClassName: string;
+    iconClassPrefix: string;
+    value: string | number;
+    onChange: (event: any) => void;
+    children: React.ReactNode;
+}
+export declare const MenuItem: FunctionComponent<Partial<MenuItemProps>>;