@nutui/nutui-react 1.2.3-beta.2 → 2.0.0-beta.0

package/dist/styles/font/iconfont.json

@@ -5,6 +5,69 @@
   "css_prefix_text": "nut-icon-",
   "description": "nutui 3.0字体管理",
   "glyphs": [
+    {
+      "icon_id": "30188161",
+      "name": "image-error",
+      "font_class": "image-error",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "30187558",
+      "name": "image",
+      "font_class": "image",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "27579944",
+      "name": "voice",
+      "font_class": "voice",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "27574732",
+      "name": "play-stop",
+      "font_class": "play-stop",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "27574733",
+      "name": "play-start",
+      "font_class": "play-start",
+      "unicode": "e605",
+      "unicode_decimal": 58885
+    },
+    {
+      "icon_id": "27574749",
+      "name": "play-double-back",
+      "font_class": "play-double-back",
+      "unicode": "e606",
+      "unicode_decimal": 58886
+    },
+    {
+      "icon_id": "27574750",
+      "name": "play-double-forward",
+      "font_class": "play-double-forward",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "27276580",
+      "name": "dou-arrow-up",
+      "font_class": "dou-arrow-up",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "1388116",
+      "name": "loading2",
+      "font_class": "loading1",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
     {
       "icon_id": "21445300",
       "name": "checked",

package/dist/styles/variables.scss

@@ -194,6 +194,15 @@ $avatar-normal-height: 40px;
 $switch-close-bg-color: #ebebeb;
 $switch-close--cline-bg-color: #f0f0f0;
 
+// toast
+$toast-title-font-size: 16px !default;
+$toast-text-font-size: 14px !default;
+$toast-font-color: $white !default;
+$toast-inner-padding: 24px 30px !default;
+$toast-inner-bg-color: rgba(0, 0, 0, 0.8) !default;
+$toast-inner-border-radius: 12px !default;
+$toast-cover-bg-color: rgba(0, 0, 0, 0) !default;
+
 //backtop
 $backtop-border-color: #e0e0e0;
 
@@ -221,12 +230,19 @@ $notify-font-size: 14px;
 $notify-height: 44px;
 
 // NoticeBar
-$noticeBar-font-size: 14px !default;
-$noticeBar-height: 40px !default;
-$noticeBar-line-height: 24px !default;
-$noticeBar-left-icon-width: 16px !default;
-$noticeBar-right-icon-width: 16px !default;
-
+$noticebar-background: rgba(251, 248, 220, 1) !default;
+$noticebar-color: #d9500b !default;
+$noticebar-font-size: 14px !default;
+$noticebar-height: 40px !default;
+$noticebar-line-height: 24px !default;
+$noticebar-left-icon-width: 16px !default;
+$noticebar-right-icon-width: 16px !default;
+$noticebar-box-padding: 0 16px !default;
+$noticebar-wrapable-padding: 16px !default;
+$noticebar-lefticon-margin: 0px 10px !default;
+$noticebar-righticon-margin: 0px 10px !default;
+
+//notify
 $notify-base-background-color: linear-gradient(
   135deg,
   rgba(250, 44, 25, 1) 0%,
@@ -468,7 +484,7 @@ $indicator-color: $primary-color !default;
 $indicator-dot-color: $disable-color !default;
 $indicator-white: $white !default;
 $indicator-size: 18px !default;
-$indicator-dot-size: calc($indicator-size / 3) !default;
+$indicator-dot-size: calc(#{$indicator-size} / 3) !default;
 $indicator-border-size: $indicator-size + 2 !default;
 $indicator-number-font-size: 10px !default;
 $indicator-dot-margin: 4px !default;
@@ -495,7 +511,6 @@ $divider-vertical-top: 2px !default;
 $divider-vertical-border-left: rgba(0, 0, 0, 0.06) !default;
 $divider-vertical-margin: 0 8px !default;
 
-
 // swiper
 $swiper-pagination-item-background-color: #ddd !default;
 

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

@@ -0,0 +1,20 @@
+import React, { FunctionComponent } from 'react';
+export declare type ItemType<T> = {
+    [key: string]: T;
+};
+export interface ActionSheetProps {
+    cancelTxt: string;
+    optionTag: string;
+    optionSubTag: string;
+    chooseTagValue: string;
+    title: string;
+    color: string;
+    description: string;
+    menuItems: ItemType<string | boolean>[];
+    cancel: () => void;
+    choose: (item: any, index: number) => void;
+    visible: boolean;
+    className: string;
+    style: React.CSSProperties;
+}
+export declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,34 @@
+import React, { FunctionComponent, CSSProperties } from 'react';
+import { RegionData, ChangeCallBack, CloseCallBack, AddressList } from './type';
+export interface AddressProps {
+    className?: string;
+    style?: CSSProperties;
+    modelValue: boolean;
+    modelSelect: (string | number)[];
+    type: string;
+    customAddressTitle: string;
+    province: RegionData[];
+    city: RegionData[];
+    country: RegionData[];
+    town: RegionData[];
+    isShowCustomAddress: boolean;
+    existAddress: AddressList[];
+    existAddressTitle: string;
+    customAndExistTitle: string;
+    height: string | number;
+    defaultIcon: string;
+    selectedIcon: string;
+    closeBtnIcon: string;
+    backBtnIcon: string;
+    onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
+    onClose?: (cal: CloseCallBack) => void;
+    closeMask?: (cal: {
+        closeWay: string;
+    }) => void;
+    switchModule?: (cal: {
+        type: string;
+    }) => void;
+    onChange?: (cal: ChangeCallBack) => void;
+    onTabChecked?: (cal: string) => void;
+}
+export declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;

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

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

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

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+export interface AnimatingNumbersProps {
+}
+declare type AnimatingNumbersStates = {};
+export declare class AnimatingNumbers extends Component<AnimatingNumbersProps, AnimatingNumbersStates> {
+    static defaultProps: AnimatingNumbersProps;
+    static displayName: string;
+    static CountUp: React.FunctionComponent<Partial<import("./countup.taro").CountUpProps>>;
+    constructor(props: AnimatingNumbersProps);
+    render(): JSX.Element;
+}
+export {};

package/dist/types/animatingnumbers/countup.taro.d.ts

@@ -0,0 +1,11 @@
+import React, { FunctionComponent } from 'react';
+export interface CountUpProps {
+    maxLen: number;
+    endNumber: string;
+    delaySpeed?: number;
+    easeSpeed: number;
+    thousands: boolean;
+    className: string;
+    style: React.CSSProperties;
+}
+export declare const CountUp: FunctionComponent<Partial<CountUpProps>>;

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

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

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

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+export interface AvatarProps {
+    size: string;
+    icon: string;
+    shape: AvatarShape;
+    bgColor: string;
+    color: string;
+    prefixCls: string;
+    url: string;
+    className: string;
+    alt: string;
+    style: React.CSSProperties;
+    activeAvatar: (e: MouseEvent) => void;
+    onError: (e: any) => void;
+}
+export declare type AvatarShape = 'round' | 'square';
+export declare const Avatar: FunctionComponent<Partial<AvatarProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -0,0 +1,15 @@
+import React, { FunctionComponent } from 'react';
+export interface BackTopProps {
+    className?: string;
+    bottom: number;
+    right: number;
+    elId: string;
+    distance: number;
+    zIndex: number;
+    isAnimation: boolean;
+    duration: number;
+    children?: HTMLElement | any;
+    style?: React.CSSProperties;
+    onClick?: (event: MouseEvent) => void;
+}
+export declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

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

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

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

@@ -0,0 +1,14 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface BadgeProps {
+    value: any;
+    dot: boolean;
+    max: number;
+    top: string;
+    right: string;
+    zIndex: string;
+    color: string;
+    icons: any;
+    children?: ReactNode;
+}
+export declare type BadgeType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export declare const Badge: FunctionComponent<Partial<BadgeProps>>;

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface BarrageProps {
+    className: string;
+    style: React.CSSProperties;
+    barrageList: Array<string>;
+    frequency: number;
+    loop: boolean;
+    speeds: number;
+    rows: number;
+    top: number;
+}
+export declare const Barrage: React.ForwardRefExoticComponent<Partial<BarrageProps> & React.RefAttributes<unknown>>;

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

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

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

@@ -0,0 +1,20 @@
+import React, { FunctionComponent } from 'react';
+export interface ButtonProps {
+    className: string;
+    color: string;
+    shape: ButtonShape;
+    plain: boolean;
+    loading: boolean;
+    disabled: boolean;
+    style: React.CSSProperties;
+    type: ButtonType;
+    size: ButtonSize;
+    block: boolean;
+    icon: string;
+    children: any;
+    onClick: (e: MouseEvent) => void;
+}
+export declare type ButtonType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger';
+export declare type ButtonSize = 'large' | 'normal' | 'small';
+export declare type ButtonShape = 'square' | 'round';
+export declare const Button: FunctionComponent<Partial<ButtonProps>>;

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

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

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

@@ -0,0 +1,14 @@
+import React, { FunctionComponent } from 'react';
+export interface CalendarProps {
+    type?: string;
+    isAutoBackFill?: boolean;
+    poppable?: boolean;
+    visible?: boolean;
+    title?: string;
+    defaultValue?: string | string[];
+    startDate?: string;
+    endDate?: string;
+    onClose?: () => void;
+    onChoose?: (param: string) => void;
+}
+export declare const Calendar: FunctionComponent<Partial<CalendarProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+declare type InputDate = string | string[];
+export interface CalendarItemProps {
+    type?: string;
+    isAutoBackFill?: boolean;
+    poppable?: boolean;
+    visible?: boolean;
+    title?: string;
+    defaultValue: InputDate;
+    startDate?: InputDate;
+    endDate?: InputDate;
+    onChoose?: (data: any) => void;
+    onUpdate?: () => void;
+    onClose?: () => void;
+}
+export declare const CalendarItem: FunctionComponent<Partial<CalendarItemProps> & React.HTMLAttributes<HTMLDivElement>>;
+export {};

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

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

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

@@ -0,0 +1,17 @@
+import React, { FunctionComponent } from 'react';
+export interface CardProps {
+    imgUrl: string;
+    title: string;
+    price: string;
+    vipPrice: string;
+    shopDesc: string;
+    delivery: string;
+    shopName: string;
+    className: string;
+    style: React.CSSProperties;
+    prolistTpl: React.ReactNode;
+    shopTagTpl: React.ReactNode;
+    originTpl: React.ReactNode;
+    footerTpl: React.ReactNode;
+}
+export declare const Card: FunctionComponent<Partial<CardProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,20 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+export interface CellProps {
+    title: ReactNode;
+    subTitle: ReactNode;
+    desc: string;
+    descTextAlign: string;
+    isLink: boolean;
+    icon: string;
+    roundRadius: string | number;
+    url: string;
+    to: string;
+    replace: boolean;
+    center: boolean;
+    size: string;
+    className: string;
+    iconSlot: ReactNode;
+    linkSlot: ReactNode;
+    click: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare const Cell: FunctionComponent<Partial<CellProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>>;

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

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

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

@@ -0,0 +1,10 @@
+import { FunctionComponent, ReactNode } from 'react';
+export interface CellGroupProps {
+    title: ReactNode;
+    desc: ReactNode;
+    titleSlot: ReactNode;
+    descSlot: ReactNode;
+    classPrefix: string;
+    children?: ReactNode;
+}
+export declare const CellGroup: FunctionComponent<Partial<CellGroupProps>>;

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

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

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

@@ -0,0 +1,19 @@
+import React, { FunctionComponent } from 'react';
+import CheckboxGroup from '../checkboxgroup';
+export interface CheckBoxProps {
+    checked: boolean;
+    disabled: boolean;
+    textPosition: 'left' | 'right';
+    iconSize: string | number;
+    iconName: string;
+    iconActiveName: string;
+    iconIndeterminateName: string;
+    iconClassPrefix: string;
+    iconFontClassName: string;
+    indeterminate: boolean;
+    label: string;
+    onChange: (state: boolean, label: string) => void;
+}
+export declare const Checkbox: FunctionComponent<Partial<CheckBoxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+    Group: typeof CheckboxGroup;
+};

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

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

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

@@ -0,0 +1,8 @@
+import React from 'react';
+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>>;

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

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

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

@@ -0,0 +1,15 @@
+import React, { FunctionComponent } from 'react';
+export interface IColor {
+    [key: string]: string;
+}
+export interface CircleProgressProps {
+    progress: string | number;
+    strokeWidth?: string | number;
+    radius?: number | string;
+    strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
+    circleColor?: object | string;
+    pathColor?: string;
+    clockwise?: boolean;
+    className?: string;
+}
+export declare const CircleProgress: FunctionComponent<CircleProgressProps & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,10 @@
+import React, { FunctionComponent } from 'react';
+declare type EventType = 'row' | 'col';
+export interface ColProps {
+    span: string | number;
+    offset: string | number;
+    gutter: string | number;
+    onClick: (e: any, type: EventType) => void;
+}
+export declare const Col: FunctionComponent<Partial<ColProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+export {};

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

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

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

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+export interface CollapseProps {
+    activeName: Array<number | string> | number | string;
+    accordion: boolean;
+    icon: string;
+    iconSize: string;
+    iconColor: string;
+    rotate: number;
+    change: (isOpen: boolean, name: string) => void;
+    children?: React.ReactNode;
+}
+export declare const Collapse: FunctionComponent<Partial<CollapseProps>>;

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

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

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

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

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

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+import { BaseLang } from '@/locales/base';
+export interface ConfigProviderProps {
+    locale: BaseLang;
+}
+export declare const defaultConfigRef: {
+    current: ConfigProviderProps;
+};
+export declare const setDefaultConfig: (config: ConfigProviderProps) => void;
+export declare const getDefaultConfig: () => ConfigProviderProps;
+export declare const useConfig: () => ConfigProviderProps;
+export declare const ConfigProvider: FunctionComponent<Partial<ConfigProviderProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,15 @@
+import React, { FunctionComponent, CSSProperties } from 'react';
+export interface CountDownProps {
+    className?: string;
+    style?: CSSProperties;
+    paused: boolean;
+    showDays: boolean;
+    showPlainText: boolean;
+    startTime: number | string;
+    endTime: number | string;
+    onEnd: () => void;
+    onPaused: (restTime: number) => void;
+    onRestart: (restTime: number) => void;
+    onUpdate: (restTime: any) => void;
+}
+export declare const CountDown: FunctionComponent<Partial<CountDownProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,27 @@
+import React, { FunctionComponent } from 'react';
+export interface PickerOption {
+    text: string | number;
+    value: string | number;
+    disabled?: string;
+    children?: PickerOption[];
+    className?: string | number;
+}
+export interface DatePickerProps {
+    modelValue: Date | null;
+    visible: boolean;
+    title: string;
+    type: 'date' | 'time' | 'year-month' | 'month-day' | 'datehour' | 'datetime';
+    isShowChinese: boolean;
+    minuteStep: number;
+    minDate: Date;
+    maxDate: Date;
+    threeDimensional: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    formatter: (type: string, option: PickerOption) => PickerOption;
+    filter: (type: string, option: PickerOption[]) => PickerOption[];
+    onCloseDatePicker: () => void;
+    onConfirmDatePicker: (values: (string | number)[], options: PickerOption[]) => void;
+    onChangeDatePicker: (columnIndex: string | number, values: (string | number)[], options: PickerOption[]) => void;
+}
+export declare const DatePicker: FunctionComponent<Partial<DatePickerProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,2 @@
+import { DialogComponent } from './config';
+export declare const Dialog: DialogComponent;

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

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

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

@@ -0,0 +1,12 @@
+import React, { FunctionComponent } from 'react';
+export declare type ContentPositionType = 'left' | 'center' | 'right';
+export declare type DirectionType = 'horizontal' | 'vertical';
+export interface DividerProps {
+    contentPosition: ContentPositionType;
+    dashed: boolean;
+    hairline: boolean;
+    styles?: React.CSSProperties;
+    className?: string;
+    direction?: DirectionType;
+}
+export declare const Divider: FunctionComponent<Partial<DividerProps> & React.HTMLAttributes<HTMLDivElement>>;

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

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