@nutui/nutui-react 1.4.0-beta.1 → 1.4.1-beta.0

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.0-beta.1 Wed Dec 21 2022 14:29:51 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:48:14 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/styles/themes/default.scss

@@ -1,5 +1,6 @@
 @import '../theme-default.scss';
 @import '../variables.scss';
+@import '../../styles/font/iconfont.css';
 @import '../../packages/button/button.scss';
 @import '../../packages/cell/cell.scss';
 @import '../../packages/cellgroup/cellgroup.scss';

package/dist/styles/variables.scss

@@ -83,6 +83,10 @@ $divider-color: $gray9 !default;
 $font-family: PingFang SC, Microsoft YaHei, Helvetica, Hiragino Sans GB, SimSun,
   sans-serif !default;
 
+// --- z-index ----
+$mask-z-index: 1000;
+$mask-content-z-index: 1200;
+
 // ---- Animation ----
 $animation-duration: 0.25s !default;
 $animation-timing-fun: cubic-bezier(0.55, 0.085, 0.68, 0.53) !default;
@@ -533,9 +537,9 @@ $dialog-header-height: 20px !default;
 $dialog-content-margin: 20px 0 !default;
 $dialog-content-max-height: 268px !default;
 $dialog-content-line-height: 16px !default;
-$dialog-mask-z-index: 1050 !default;
+$dialog-mask-z-index: $mask-z-index !default;
 $dialog-mask-background-color: $mask-color !default;
-$dialog-outer-z-index: 2000 !default;
+$dialog-outer-z-index: $mask-content-z-index !default;
 $dialog-outer-bordder-radius: 20px !default;
 $dialog-vertical-footer-ok-margin-top: 10px !default;
 $dialog-footer-button-min-width: 100px !default;
@@ -794,7 +798,7 @@ $menu-item-option-padding-bottom: 12px !default;
 $menu-item-option-i-margin-right: 6px !default;
 $menu-bar-box-shadow: 0 2px 12px rgba(89, 89, 89, 0.12) !default;
 $menu-scroll-fixed-top: 0 !default;
-$menu-scroll-fixed-z-index: 1000 !default;
+$menu-scroll-fixed-z-index: $mask-z-index !default;
 $menu-active-item-font-weight: 500 !default;
 $menu-item-content-bg-color: $gray6 !default;
 
@@ -1061,7 +1065,7 @@ $comment-shop-color: $primary-color !default;
 $ellipsis-expand-collapse-color: #3460fa !default;
 
 // WaterMark（✅ todo：react版本该组件暂无，将变量先迁过来）
-$watermark-z-index: 2000 !default;
+$watermark-z-index: $mask-content-z-index !default;
 
 // invoice（✅ todo：react版本该组件暂无，将变量先迁过来）
 $invoice-padding: 10px 10px 20px !default;

package/dist/types/index.d.ts

@@ -24,9 +24,9 @@ interface ButtonProps extends BasicComponent {
     children: any;
     onClick: (e: MouseEvent) => void;
 }
-declare type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
-declare type ButtonSize = 'large' | 'normal' | 'small';
-declare type ButtonShape = 'square' | 'round';
+type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+type ButtonSize = 'large' | 'normal' | 'small';
+type ButtonShape = 'square' | 'round';
 declare const Button: FunctionComponent<Partial<ButtonProps>>;
 
 interface CellProps extends BasicComponent {
@@ -87,7 +87,7 @@ interface OverlayProps {
 }
 declare const Overlay: FunctionComponent<Partial<OverlayProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type Teleport = HTMLElement | (() => HTMLElement) | null;
+type Teleport = HTMLElement | (() => HTMLElement) | null;
 interface PopupProps extends OverlayProps, BasicComponent {
     position: string;
     transition: string;
@@ -265,15 +265,15 @@ interface ImageProps {
     onLoad?: () => void;
     onError?: () => void;
 }
-declare type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' | string;
-declare type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
+type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' | string;
+type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
 declare const Image: FunctionComponent<Partial<ImageProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onLoad' | 'onError'>>;
 
 interface LayoutProps {
 }
 declare const Layout: FunctionComponent<Partial<LayoutProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type EventType$1 = 'row' | 'col';
+type EventType$1 = 'row' | 'col';
 interface ColProps {
     span: string | number;
     offset: string | number;
@@ -282,7 +282,7 @@ interface ColProps {
 }
 declare const Col: FunctionComponent<Partial<ColProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-declare type EventType = 'row' | 'col';
+type EventType = 'row' | 'col';
 interface RowProps {
     type: string;
     justify: string;
@@ -293,8 +293,8 @@ interface RowProps {
 }
 declare const Row: FunctionComponent<Partial<RowProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
 
-declare type ContentPositionType = 'left' | 'center' | 'right';
-declare type DirectionType = 'horizontal' | 'vertical';
+type ContentPositionType = 'left' | 'center' | 'right';
+type DirectionType = 'horizontal' | 'vertical';
 interface DividerProps {
     contentPosition: ContentPositionType;
     dashed: boolean;
@@ -305,7 +305,7 @@ interface DividerProps {
 }
 declare const Divider: FunctionComponent<Partial<DividerProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type GridDirection$1 = 'horizontal' | 'vertical';
+type GridDirection$1 = 'horizontal' | 'vertical';
 interface GridItemProps extends BasicComponent {
     text: string | ReactNode;
     icon: string | ReactNode;
@@ -324,7 +324,7 @@ interface GridItemProps extends BasicComponent {
 }
 declare const GridItem: FunctionComponent<Partial<GridItemProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type GridDirection = 'horizontal' | 'vertical';
+type GridDirection = 'horizontal' | 'vertical';
 interface GridProps {
     columnNum: string | number;
     border: boolean;
@@ -374,8 +374,8 @@ interface NavBarProps$1 extends BasicComponent {
 }
 declare const NavBar: FunctionComponent<Partial<NavBarProps$1>>;
 
-declare type Direction$1 = 'right' | 'left';
-declare type Position$2 = {
+type Direction$1 = 'right' | 'left';
+type Position$2 = {
     top?: string;
     bottom?: string;
 };
@@ -472,7 +472,7 @@ declare class Title {
     index: number;
     constructor();
 }
-declare type TabsSize = 'large' | 'normal' | 'small';
+type TabsSize = 'large' | 'normal' | 'small';
 interface TabsProps extends BasicComponent {
     className: string;
     style: React__default.CSSProperties;
@@ -518,7 +518,7 @@ interface IndicatorProps {
 }
 declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type NavBarProps = {
+type NavBarProps = {
     showhead?: boolean;
 };
 interface SideNavBarProps extends React__default.HTMLAttributes<HTMLDivElement>, NavBarProps {
@@ -532,7 +532,7 @@ interface SideNavBarProps extends React__default.HTMLAttributes<HTMLDivElement>,
 }
 declare const SideNavBar: FunctionComponent<SideNavBarProps>;
 
-declare type SubSideNavBarProps = {
+type SubSideNavBarProps = {
     title: string;
     ikey: string | number;
     open?: boolean;
@@ -545,7 +545,7 @@ declare type SubSideNavBarProps = {
 };
 declare const SubSideNavBar: FunctionComponent<SubSideNavBarProps>;
 
-declare type SideNavBarItemProps = {
+type SideNavBarItemProps = {
     title: string;
     ikey: string | number;
     onClick?: ({ title, ikey }: {
@@ -591,7 +591,7 @@ interface MenuItemProps extends BasicComponent {
 }
 declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
 
-declare type SliderValue = number | number[];
+type SliderValue = number | number[];
 interface RangeProps {
     className: string;
     style: CSSProperties;
@@ -612,7 +612,6 @@ interface RangeProps {
     button: React__default.ReactNode;
     vertical: boolean;
     marks: Record<string, unknown>;
-    change?: (value: number) => void;
     dragStart?: () => void;
     dragEnd?: () => void;
     onChange?: (value: number) => void;
@@ -621,7 +620,7 @@ interface RangeProps {
 }
 declare const Range: FunctionComponent<Partial<RangeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
 
-declare type CalendarRef$1 = {
+type CalendarRef$1 = {
     scrollToDate: (date: string) => void;
 };
 interface Day$1 {
@@ -747,10 +746,10 @@ interface InputNumberProps extends BasicComponent {
 }
 declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type InputAlignType = 'left' | 'center' | 'right';
-declare type InputFormatTrigger = 'onChange' | 'onBlur';
-declare type InputType = HTMLInputTypeAttribute;
-declare type InputRule = {
+type InputAlignType = 'left' | 'center' | 'right';
+type InputFormatTrigger = 'onChange' | 'onBlur';
+type InputType = HTMLInputTypeAttribute;
+type InputRule = {
     pattern?: RegExp;
     message?: string;
     required?: boolean;
@@ -812,8 +811,8 @@ interface InputProps extends BasicComponent {
 }
 declare const Input: FunctionComponent<Partial<InputProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onClick'>>;
 
-declare type Position$1 = 'left' | 'right';
-declare type Direction = 'horizontal' | 'vertical';
+type Position$1 = 'left' | 'right';
+type Direction = 'horizontal' | 'vertical';
 interface RadioGroupProps {
     value: string | number | boolean | null;
     textPosition: Position$1;
@@ -823,8 +822,8 @@ interface RadioGroupProps {
 }
 declare const RadioGroup: React__default.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onChange"> & React__default.RefAttributes<unknown>>;
 
-declare type Shape = 'button' | 'round';
-declare type Position = 'right' | 'left';
+type Shape = 'button' | 'round';
+type Position = 'right' | 'left';
 interface RadioProps extends BasicComponent {
     className: string;
     style: React__default.CSSProperties;
@@ -859,10 +858,10 @@ interface RateProps extends BasicComponent {
 }
 declare const Rate: FunctionComponent<Partial<RateProps>>;
 
-declare type CalendarRef = {
+type CalendarRef = {
     scrollToDate: (date: string) => void;
 };
-declare type InputDate = string | string[];
+type InputDate = string | string[];
 interface Day {
     day: string | number;
     type: string;
@@ -974,10 +973,10 @@ declare class UploadOptions {
     beforeXhrUpload?: Function;
 }
 
-declare type FileType<T> = {
+type FileType<T> = {
     [key: string]: T;
 };
-declare type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
+type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
 
 interface UploaderProps extends BasicComponent {
     url: string;
@@ -1196,7 +1195,7 @@ interface ConfigConsumerProps {
 }
 declare const FormItemContext: React$1.Context<ConfigConsumerProps>;
 
-declare type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
+type TextAlign = 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'match-parent';
 interface FormItemProps extends BasicComponent, BaseFormField {
     labelWidth: string | number;
     errorMessageAlign: TextAlign;
@@ -1204,7 +1203,7 @@ interface FormItemProps extends BasicComponent, BaseFormField {
     showErrorMessage: boolean;
 }
 declare const defaultProps: FormItemProps;
-declare type FieldProps = typeof defaultProps & Partial<BaseFormField>;
+type FieldProps = typeof defaultProps & Partial<BaseFormField>;
 declare class FormItem extends React__default.Component<FieldProps> {
     static defaultProps: FormItemProps;
     static contextType: any;
@@ -1253,7 +1252,7 @@ declare const Form: FunctionComponent<Partial<FormProps> & React__default.HTMLAt
     Item: typeof FormItem;
 };
 
-declare type ItemType<T> = {
+type ItemType<T> = {
     [key: string]: T;
 };
 interface ActionSheetProps {
@@ -1302,7 +1301,7 @@ interface DragProps {
 }
 declare const Drag: FunctionComponent<Partial<DragProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type DialogConfigType = {
+type DialogConfigType = {
     prefixCls?: string;
     simple?: boolean;
 };
@@ -1331,7 +1330,7 @@ interface BasicDialogProps {
     onClickSelf?: () => void;
     onConfirm?: (e?: MouseEvent) => Promise<() => void> | void;
 }
-declare type DialogReturnProps = {
+type DialogReturnProps = {
     update: (newConfig: ConfirmProps) => void;
     close: () => void;
 };
@@ -1348,7 +1347,7 @@ interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Ba
     destroyAll: () => void;
 }
 
-declare type DialogProps = BasicDialogProps;
+type DialogProps = BasicDialogProps;
 declare const Dialog: DialogComponent;
 
 interface InfiniteloadingProps extends BasicComponent {
@@ -1438,8 +1437,8 @@ declare const _default: {
     hide(): void;
 };
 
-declare type SwipeSide = 'left' | 'right';
-declare type SwipePosition = SwipeSide | 'cell' | 'outside';
+type SwipeSide = 'left' | 'right';
+type SwipePosition = SwipeSide | 'cell' | 'outside';
 interface SwipeInstance {
     open: (side: SwipeSide) => void;
     close: () => void;
@@ -1479,7 +1478,7 @@ interface SwipeProps {
 }
 declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<SwipeInstance>>;
 
-declare type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
+type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
 interface PullToRefreshProps {
     className: string;
     style: React__default.CSSProperties;
@@ -1558,7 +1557,7 @@ interface StepProps extends BasicComponent {
 }
 declare const Step: FunctionComponent<Partial<StepProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type SwiperRef = {
+type SwiperRef = {
     to: (index: number) => void;
     next: () => void;
     prev: () => void;
@@ -1571,6 +1570,7 @@ interface SwiperProps {
     autoPlay: number | string;
     direction: 'horizontal' | 'vertical';
     paginationColor: string;
+    paginationBgColor: string;
     paginationVisible: boolean;
     loop: boolean;
     touchable: boolean;
@@ -1606,7 +1606,7 @@ interface AvatarProps extends BasicComponent {
     onActiveAvatar: (e: MouseEvent) => void;
     onError: (e: any) => void;
 }
-declare type AvatarShape = 'round' | 'square';
+type AvatarShape = 'round' | 'square';
 declare const Avatar: FunctionComponent<Partial<AvatarProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 interface AvatarGroupProps {
@@ -1662,11 +1662,11 @@ interface TagProps extends BasicComponent {
     onClose: (e?: any) => void;
     children?: React__default.ReactNode;
 }
-declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
 declare const Tag: FunctionComponent<Partial<TagProps>>;
 
-declare type PopoverTheme = 'light' | 'dark';
-declare type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+type PopoverTheme = 'light' | 'dark';
+type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
 interface List {
     name: string;
     icon?: string;
@@ -1686,7 +1686,7 @@ interface PopoverProps extends BasicComponent {
 }
 declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type avatarShape = 'round' | 'square';
+type avatarShape = 'round' | 'square';
 interface SkeletonProps {
     width: string;
     height: string;
@@ -1767,7 +1767,7 @@ interface CountUpProps {
 
 interface AnimatingNumbersProps {
 }
-declare type AnimatingNumbersStates = {};
+type AnimatingNumbersStates = {};
 declare class AnimatingNumbers extends Component<AnimatingNumbersProps, AnimatingNumbersStates> {
     static defaultProps: AnimatingNumbersProps;
     static displayName: string;
@@ -1784,7 +1784,7 @@ interface EmptyProps {
 }
 declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type Data = any;
+type Data = any;
 interface BasicVirtualListProps {
     className?: string;
     style?: React.CSSProperties;
@@ -1803,7 +1803,7 @@ interface BasicVirtualListProps {
     };
 }
 
-declare type VirtualListProps = BasicVirtualListProps;
+type VirtualListProps = BasicVirtualListProps;
 declare const VirtualList: FunctionComponent<VirtualListProps>;
 
 interface BasicTableProps extends BasicComponent {
@@ -1825,7 +1825,7 @@ interface TableColumnProps {
     render?: (rowData?: any, rowIndex?: number) => string | React__default.ReactNode;
 }
 
-declare type TableProps = BasicTableProps;
+type TableProps = BasicTableProps;
 declare const Table: FunctionComponent<Partial<TableProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
 interface VideoProps {
@@ -1852,8 +1852,8 @@ interface VideoProps {
 }
 declare const Video: FunctionComponent<Partial<VideoProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type ProgressSize = 'small' | 'base' | 'large';
-declare type TextType = 'icon' | 'text';
+type ProgressSize = 'small' | 'base' | 'large';
+type TextType = 'icon' | 'text';
 interface ProgressProps extends BasicComponent {
     className: string;
     style: CSSProperties;
@@ -1962,8 +1962,8 @@ interface WaterMarkProps {
 }
 declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React__default.HTMLAttributes<HTMLDivElement>>;
 
-declare type AnimateType = 'shake' | 'ripple' | 'breath' | 'float' | 'slide-right' | 'slide-left' | 'slide-top' | 'slide-bottom' | 'jump' | 'twinkle' | 'flicker';
-declare type AnimateAction = 'initial' | 'click';
+type AnimateType = 'shake' | 'ripple' | 'breath' | 'float' | 'slide-right' | 'slide-left' | 'slide-top' | 'slide-bottom' | 'jump' | 'twinkle' | 'flicker';
+type AnimateAction = 'initial' | 'click';
 
 interface AnimateProps {
     type: AnimateType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "1.4.0-beta.1",
+  "version": "1.4.1-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -163,6 +163,7 @@
     "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
     "react-markdown": "^7.1.2",
+    "react-router-dom": "^5.3.4",
     "react-syntax-highlighter": "^15.4.5",
     "react-test-renderer": "^18.2.0",
     "reactcss": "^1.2.3",