@nutui/nutui-react 2.0.0-alpha.7 → 2.0.0-alpha.9

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, MouseEventHandler, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, ForwardRefExoticComponent, PropsWithChildren, Component, ReactEventHandler } from 'react';
+import React__default, { CSSProperties, ReactNode, FunctionComponent, MouseEvent as MouseEvent$1, HTMLInputTypeAttribute, ChangeEvent, FocusEvent, RefObject, ForwardRefExoticComponent, PropsWithChildren, Component, ReactEventHandler } from 'react';
 
 interface BasicComponent {
     className?: string;
@@ -299,6 +299,7 @@ interface ElevatorProps extends BasicComponent {
     sticky: boolean;
     spaceHeight: number;
     titleHeight: number;
+    showKeys: boolean;
     children: React__default.ReactNode;
     onClickItem: (key: string, item: ElevatorData) => void;
     onClickIndex: (key: string) => void;
@@ -595,6 +596,7 @@ interface CascaderOption {
     loading?: boolean;
     root?: boolean;
 }
+type CascaderValue = Exclude<CascaderOption['value'], undefined>[];
 interface optionKey {
     textKey: string;
     valueKey: string;
@@ -607,7 +609,8 @@ interface CascaderProps extends BasicComponent {
     activeColor: string;
     activeIcon: string;
     options: CascaderOption[];
-    value: string[];
+    value?: CascaderValue;
+    defaultValue?: CascaderValue;
     title: string;
     optionKey: optionKey;
     format: Record<string, string | number | null>;
@@ -617,8 +620,8 @@ interface CascaderProps extends BasicComponent {
     lazy: boolean;
     onLoad: (node: any, resolve: any) => void;
     onClose?: () => void;
-    onChange: (value: any, params: any) => void;
-    onPathChange: (value: any, params: any) => void;
+    onChange: (value: CascaderValue, params?: any) => void;
+    onPathChange: (value: CascaderValue, params: any) => void;
 }
 declare const Cascader: React__default.ForwardRefExoticComponent<Partial<CascaderProps> & {
     children?: React__default.ReactNode;
@@ -628,7 +631,7 @@ interface RadioGroupOptionType {
     label: string;
     value: string;
     disabled?: boolean;
-    onChange?: MouseEventHandler<HTMLDivElement>;
+    onChange?: (checked: boolean) => void;
 }
 
 type CheckboxLabelPosition = 'left' | 'right';
@@ -890,22 +893,39 @@ interface MenuItemProps extends BasicComponent {
 }
 declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
 
-interface NumberKeyboardProps {
-    confirmText: string;
-    title: string;
-    visible: boolean;
+type Teleport = HTMLElement | (() => HTMLElement) | null;
+interface PopupProps extends OverlayProps {
+    position: string;
+    transition: string;
+    overlayStyle: React__default.CSSProperties;
+    overlayClassName: string;
+    closeable: boolean;
+    closeIconPosition: string;
+    closeIcon: React__default.ReactNode;
+    destroyOnClose: boolean;
+    portal: Teleport;
     overlay: boolean;
-    type: string;
-    customKey: Array<string>;
-    randomKeys: boolean;
-    popClass: string;
-    className: string;
-    style?: CSSProperties;
+    round: boolean;
+    onOpen: () => void;
+    onClose: () => void;
+    onClickOverlay: (e: MouseEvent$1) => boolean | void;
+    onClickCloseIcon: (e: MouseEvent$1) => boolean | void;
+}
+declare const Popup: FunctionComponent<Partial<PopupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
+
+interface NumberKeyboardProps extends PopupProps {
+    visible: boolean;
+    title?: ReactNode;
+    confirmText?: string;
+    type: 'default' | 'rightColumn';
+    custom: Array<string>;
+    random: boolean;
     onChange?: (value: string) => void;
     onDelete?: () => void;
     onClose: () => void;
+    onConfirm?: () => void;
 }
-declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onClick' | 'title'>>;
 
 interface PickerOption {
     text: string | number;
@@ -933,61 +953,53 @@ declare const Picker: React__default.ForwardRefExoticComponent<Partial<PickerPro
 type Position$1 = 'left' | 'right';
 type Direction$1 = 'horizontal' | 'vertical';
 interface RadioGroupProps {
-    value: string | number | boolean | null;
-    textPosition: Position$1;
+    value?: string | number;
+    defaultValue?: string | number;
+    labelPosition: Position$1;
     direction: Direction$1;
-    onChange: (value: string | number | boolean) => void;
+    disabled?: boolean;
     options: RadioGroupOptionType[];
+    onChange: (value: string | number) => void;
 }
 declare const RadioGroup: React__default.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<unknown>>;
 
 type Shape = 'button' | 'round';
 type Position = 'right' | 'left';
 interface RadioProps extends BasicComponent {
-    className: string;
-    style: React__default.CSSProperties;
     disabled: boolean;
     checked: boolean;
+    defaultChecked: boolean;
     shape: Shape;
-    textPosition: Position;
-    value: string | number | boolean;
+    labelPosition: Position;
     icon: React__default.ReactNode;
-    checkedIcon: React__default.ReactNode;
-    iconSize: string | number;
-    onChange: MouseEventHandler<HTMLDivElement>;
+    activeIcon: React__default.ReactNode;
+    value: string | number;
+    onChange: (checked: boolean) => void;
 }
-declare const Radio: FunctionComponent<Partial<RadioProps> & React__default.HTMLAttributes<HTMLDivElement>> & {
-    RadioGroup: typeof RadioGroup;
+declare const Radio: FunctionComponent<Partial<RadioProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+    Group: typeof RadioGroup;
 };
 
-type SliderValue = number | number[];
-interface RangeProps {
-    className: string;
-    style: CSSProperties;
+type RangeValue = number | number[];
+interface RangeProps extends BasicComponent {
+    value: RangeValue;
+    defaultValue: RangeValue;
     range: boolean;
     disabled: boolean;
-    activeColor: string;
-    inactiveColor: string;
-    buttonColor: string;
-    hiddenRange: boolean;
-    hiddenTag: boolean;
-    min: number | string;
-    max: number | string;
-    minDesc: number | string;
-    maxDesc: number | string;
-    curValueDesc: number | string;
-    step: number | string;
-    modelValue: SliderValue;
-    button: React__default.ReactNode;
+    min: number;
+    max: number;
+    step: number;
+    minDescription: ReactNode;
+    maxDescription: ReactNode;
+    button: ReactNode;
     vertical: boolean;
     marks: Record<string, unknown>;
-    dragStart?: () => void;
-    dragEnd?: () => void;
-    onChange?: (value: number) => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
+    currentDescription: ((value: RangeValue) => ReactNode) | null;
+    onChange: (value: RangeValue) => void;
+    onStart: () => void;
+    onEnd: (value: RangeValue) => void;
 }
-declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
+declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange' | 'defaultValue'>>;
 
 interface RateProps extends BasicComponent {
     count: number;
@@ -1354,24 +1366,20 @@ interface NoticeBarProps extends BasicComponent {
 }
 declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-interface NotifyProps {
+interface NotifyProps extends BasicComponent {
     id: string;
-    color?: string;
-    msg: string;
     duration: number;
-    className?: string;
-    background?: string;
     type: string;
     position: string;
     onClick: () => void;
-    onClosed: () => void;
+    onClose: () => void;
 }
 declare const _default$1: {
-    text(msg: string | React$1.ReactNode, option?: {}): void;
-    success(msg: string | React$1.ReactNode, option?: {}): void;
-    primary(msg: string | React$1.ReactNode, option?: {}): void;
-    danger(msg: string | React$1.ReactNode, option?: {}): void;
-    warn(msg: string | React$1.ReactNode, option?: {}): void;
+    text(message: string | React$1.ReactNode, option?: {}): void;
+    success(message: string | React$1.ReactNode, option?: {}): void;
+    primary(message: string | React$1.ReactNode, option?: {}): void;
+    danger(message: string | React$1.ReactNode, option?: {}): void;
+    warn(message: string | React$1.ReactNode, option?: {}): void;
     hide(): void;
 };
 
@@ -1397,9 +1405,7 @@ interface PopoverProps extends BasicComponent {
 declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
-interface PullToRefreshProps {
-    className: string;
-    style: React__default.CSSProperties;
+interface PullToRefreshProps extends BasicComponent {
     onRefresh: () => Promise<any>;
     pullingText: ReactNode;
     canReleaseText: ReactNode;
@@ -1410,7 +1416,6 @@ interface PullToRefreshProps {
     threshold: number;
     disabled: boolean;
     renderText: (status: PullStatus) => ReactNode;
-    children: React__default.ReactNode;
 }
 declare const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>>;
 
@@ -1471,26 +1476,6 @@ interface SwipeProps {
 }
 declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React__default.RefAttributes<SwipeInstance>>;
 
-type Teleport = HTMLElement | (() => HTMLElement) | null;
-interface PopupProps extends OverlayProps {
-    position: string;
-    transition: string;
-    overlayStyle: React__default.CSSProperties;
-    overlayClassName: string;
-    closeable: boolean;
-    closeIconPosition: string;
-    closeIcon: React__default.ReactNode;
-    destroyOnClose: boolean;
-    portal: Teleport;
-    overlay: boolean;
-    round: boolean;
-    onOpen: () => void;
-    onClose: () => void;
-    onClickOverlay: (e: MouseEvent$1) => boolean | void;
-    onClickCloseIcon: (e: MouseEvent$1) => boolean | void;
-}
-declare const Popup: FunctionComponent<Partial<PopupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
-
 interface ToastProps {
     id?: string;
     msg: string;
@@ -1557,7 +1542,7 @@ declare class AnimatingNumbers extends Component<AnimatingNumbersProps, Animatin
 interface AudioProps extends BasicComponent {
     src: string;
     muted: boolean;
-    autoplay: boolean;
+    autoPlay: boolean;
     loop: boolean;
     preload: string;
     type: string;
@@ -1681,10 +1666,10 @@ interface ImagePreviewProps {
         };
     }>;
     show: boolean;
-    autoplay: number | string;
+    autoPlay: number | string;
     initNo: number;
     contentClose: boolean;
-    paginationVisible: boolean;
+    indicator: boolean;
     style?: CSSProperties;
     paginationColor: string;
     onClose: () => void;
@@ -1735,16 +1720,14 @@ interface PaginationProps extends BasicComponent {
 }
 declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 
-interface PriceProps {
+interface PriceProps extends BasicComponent {
     price: number | string;
-    needSymbol: boolean;
     symbol: string;
-    decimalDigits: number;
+    digits: number;
     thousands: boolean;
     position: string;
     size: string;
-    className: string;
-    style: React__default.CSSProperties;
+    line: boolean;
 }
 declare const Price: FunctionComponent<Partial<PriceProps>>;
 
@@ -1786,25 +1769,20 @@ type SwiperRef = {
     next: () => void;
     prev: () => void;
 };
-interface SwiperProps {
+interface SwiperProps extends BasicComponent {
     width: number | string;
     height: number | string;
     duration: number | string;
-    initPage: number | string;
+    defaultValue: number | string;
     autoPlay: number | string;
     direction: 'horizontal' | 'vertical';
-    paginationColor: string;
-    paginationBgColor: string;
-    paginationVisible: boolean;
+    indicator: ReactNode;
     loop: boolean;
     touchable: boolean;
-    isPreventDefault: boolean;
-    isStopPropagation: boolean;
-    isCenter: boolean;
-    className?: string;
-    style?: React__default.CSSProperties;
-    pageContent?: React__default.ReactNode;
-    onChange?: (currPage: number) => void;
+    preventDefault: boolean;
+    stopPropagation: boolean;
+    center: boolean;
+    onChange?: (current: number) => void;
 }
 declare const Swiper: React__default.ForwardRefExoticComponent<Partial<SwiperProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<SwiperRef>>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.0.0-alpha.7",
+  "version": "2.0.0-alpha.9",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",