@nutui/nutui-react 1.2.3-beta.4 → 1.3.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/Avatar.js +7 -5
- package/dist/esm/CalendarItem.js +19 -15
- package/dist/esm/CheckboxGroup.js +0 -1
- package/dist/esm/Drag.js +1 -1
- package/dist/esm/Icon/style/index.js +1 -0
- package/dist/esm/Icon.js +2 -2
- package/dist/esm/Input.js +8 -2
- package/dist/esm/InputNumber.js +11 -11
- package/dist/esm/NoticeBar.js +67 -28
- package/dist/esm/Notify.js +17 -3
- package/dist/esm/Picker.js +9 -4
- package/dist/esm/Popover.js +56 -72
- package/dist/esm/Price.js +14 -3
- package/dist/esm/Progress.js +1 -1
- package/dist/esm/Range.js +9 -3
- package/dist/esm/TabbarItem.js +1 -1
- package/dist/esm/Tag.js +1 -1
- package/dist/esm/TextArea.js +3 -0
- package/dist/esm/Toast.js +22 -12
- package/dist/esm/Uploader.js +16 -6
- package/dist/esm/{icon-62bd7379.js → icon-8dc4de10.js} +9 -9
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/nutui.react.es.js +215 -152
- package/dist/nutui.react.umd.js +215 -152
- package/dist/packages/col/col.scss +2 -2
- package/dist/packages/collapseitem/collapseitem.scss +1 -2
- package/dist/packages/icon/icon.scss +104 -12
- package/dist/packages/noticebar/noticebar.scss +31 -15
- package/dist/packages/notify/notify.scss +9 -0
- package/dist/packages/popover/popover.scss +205 -83
- package/dist/packages/rate/rate.scss +14 -13
- package/dist/packages/toast/toast.scss +16 -13
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/animation/icon.scss +245 -0
- package/dist/styles/animation/index.scss +1 -0
- package/dist/styles/font/config.json +169 -0
- package/dist/styles/font/demo_index.html +210 -3
- package/dist/styles/font/iconfont.css +39 -3
- package/dist/styles/font/iconfont.js +32 -32
- package/dist/styles/font/iconfont.json +63 -0
- package/dist/styles/font/iconfont.ttf +0 -0
- package/dist/styles/font/iconfont.woff +0 -0
- package/dist/styles/font/iconfont.woff2 +0 -0
- package/dist/styles/variables.scss +23 -7
- package/dist/types/actionsheet/actionsheet.taro.d.ts +20 -0
- package/dist/types/actionsheet/index.taro.d.ts +2 -0
- package/dist/types/address/address.taro.d.ts +34 -0
- package/dist/types/address/index.taro.d.ts +2 -0
- package/dist/types/animatingnumbers/animatingnumbers.taro.d.ts +12 -0
- package/dist/types/animatingnumbers/countup.taro.d.ts +11 -0
- package/dist/types/animatingnumbers/index.taro.d.ts +2 -0
- package/dist/types/avatar/avatar.taro.d.ts +17 -0
- package/dist/types/avatar/index.taro.d.ts +2 -0
- package/dist/types/avatargroup/index.taro.d.ts +2 -0
- package/dist/types/backtop/backtop.taro.d.ts +15 -0
- package/dist/types/backtop/index.taro.d.ts +2 -0
- package/dist/types/badge/badge.taro.d.ts +14 -0
- package/dist/types/badge/index.taro.d.ts +2 -0
- package/dist/types/barrage/barrage.taro.d.ts +12 -0
- package/dist/types/barrage/index.taro.d.ts +2 -0
- package/dist/types/button/button.taro.d.ts +20 -0
- package/dist/types/button/index.taro.d.ts +2 -0
- package/dist/types/calendar/calendar.taro.d.ts +14 -0
- package/dist/types/calendar/index.taro.d.ts +2 -0
- package/dist/types/calendaritem/calendaritem.taro.d.ts +17 -0
- package/dist/types/calendaritem/index.taro.d.ts +2 -0
- package/dist/types/card/card.taro.d.ts +17 -0
- package/dist/types/card/index.taro.d.ts +2 -0
- package/dist/types/cell/cell.taro.d.ts +20 -0
- package/dist/types/cell/index.taro.d.ts +2 -0
- package/dist/types/cellgroup/cellgroup.taro.d.ts +10 -0
- package/dist/types/cellgroup/index.taro.d.ts +2 -0
- package/dist/types/checkbox/checkbox.taro.d.ts +19 -0
- package/dist/types/checkbox/index.taro.d.ts +2 -0
- package/dist/types/checkboxgroup/checkboxgroup.taro.d.ts +8 -0
- package/dist/types/checkboxgroup/index.taro.d.ts +2 -0
- package/dist/types/circleprogress/circleprogress.taro.d.ts +15 -0
- package/dist/types/circleprogress/index.taro.d.ts +2 -0
- package/dist/types/col/col.taro.d.ts +10 -0
- package/dist/types/col/index.taro.d.ts +2 -0
- package/dist/types/collapse/collapse.taro.d.ts +12 -0
- package/dist/types/collapse/index.taro.d.ts +2 -0
- package/dist/types/collapseitem/index.taro.d.ts +2 -0
- package/dist/types/configprovider/configprovider.taro.d.ts +12 -0
- package/dist/types/configprovider/index.taro.d.ts +2 -0
- package/dist/types/countdown/countdown.taro.d.ts +15 -0
- package/dist/types/countdown/index.taro.d.ts +2 -0
- package/dist/types/datepicker/datepicker.taro.d.ts +27 -0
- package/dist/types/datepicker/index.taro.d.ts +2 -0
- package/dist/types/dialog/dialog.taro.d.ts +2 -0
- package/dist/types/dialog/index.taro.d.ts +2 -0
- package/dist/types/divider/divider.taro.d.ts +12 -0
- package/dist/types/divider/index.taro.d.ts +2 -0
- package/dist/types/drag/drag.taro.d.ts +14 -0
- package/dist/types/drag/index.taro.d.ts +2 -0
- package/dist/types/elevator/elevator.taro.d.ts +22 -0
- package/dist/types/elevator/index.taro.d.ts +2 -0
- package/dist/types/empty/empty.taro.d.ts +8 -0
- package/dist/types/empty/index.taro.d.ts +2 -0
- package/dist/types/fixednav/fixednav.taro.d.ts +22 -0
- package/dist/types/fixednav/index.taro.d.ts +2 -0
- package/dist/types/icon/icon.d.ts +9 -3
- package/dist/types/icon/icon.taro.d.ts +19 -0
- package/dist/types/icon/index.taro.d.ts +2 -0
- package/dist/types/indicator/index.taro.d.ts +2 -0
- package/dist/types/indicator/indicator.taro.d.ts +10 -0
- package/dist/types/infiniteloading/index.taro.d.ts +2 -0
- package/dist/types/infiniteloading/infiniteloading.taro.d.ts +20 -0
- package/dist/types/input/index.taro.d.ts +2 -0
- package/dist/types/input/input.taro.d.ts +57 -0
- package/dist/types/inputnumber/index.taro.d.ts +2 -0
- package/dist/types/inputnumber/inputnumber.taro.d.ts +22 -0
- package/dist/types/layout/index.taro.d.ts +2 -0
- package/dist/types/layout/layout.taro.d.ts +4 -0
- package/dist/types/navbar/index.taro.d.ts +2 -0
- package/dist/types/navbar/navbar.taro.d.ts +21 -0
- package/dist/types/noticebar/demo.d.ts +1 -0
- package/dist/types/noticebar/index.taro.d.ts +2 -0
- package/dist/types/noticebar/noticebar.d.ts +1 -1
- package/dist/types/noticebar/noticebar.taro.d.ts +23 -0
- package/dist/types/notify/Notification.d.ts +8 -7
- package/dist/types/notify/index.taro.d.ts +2 -0
- package/dist/types/notify/notify.taro.d.ts +10 -0
- package/dist/types/numberkeyboard/index.taro.d.ts +2 -0
- package/dist/types/numberkeyboard/numberkeyboard.taro.d.ts +20 -0
- package/dist/types/overlay/index.taro.d.ts +2 -0
- package/dist/types/overlay/overlay.taro.d.ts +12 -0
- package/dist/types/pagination/index.taro.d.ts +2 -0
- package/dist/types/pagination/pagination.taro.d.ts +19 -0
- package/dist/types/picker/index.taro.d.ts +2 -0
- package/dist/types/picker/picker.d.ts +1 -0
- package/dist/types/picker/picker.taro.d.ts +24 -0
- package/dist/types/picker/pickerSlot.d.ts +1 -0
- package/dist/types/popover/__tests__/popover.spec.d.ts +1 -0
- package/dist/types/popover/index.taro.d.ts +2 -0
- package/dist/types/popover/popover.d.ts +14 -7
- package/dist/types/popover/popover.taro.d.ts +21 -0
- package/dist/types/popup/index.taro.d.ts +2 -0
- package/dist/types/popup/popup.taro.d.ts +25 -0
- package/dist/types/price/index.taro.d.ts +2 -0
- package/dist/types/price/price.taro.d.ts +11 -0
- package/dist/types/progress/index.taro.d.ts +2 -0
- package/dist/types/progress/progress.taro.d.ts +26 -0
- package/dist/types/radio/index.taro.d.ts +2 -0
- package/dist/types/radio/radio.taro.d.ts +21 -0
- package/dist/types/radiogroup/index.taro.d.ts +2 -0
- package/dist/types/range/index.taro.d.ts +2 -0
- package/dist/types/range/range.taro.d.ts +25 -0
- package/dist/types/rate/index.taro.d.ts +2 -0
- package/dist/types/rate/rate.taro.d.ts +17 -0
- package/dist/types/row/index.taro.d.ts +2 -0
- package/dist/types/row/row.taro.d.ts +12 -0
- package/dist/types/searchbar/index.taro.d.ts +2 -0
- package/dist/types/searchbar/searchbar.taro.d.ts +60 -0
- package/dist/types/shortpassword/index.taro.d.ts +2 -0
- package/dist/types/shortpassword/shortpassword.taro.d.ts +21 -0
- package/dist/types/sidenavbar/index.taro.d.ts +2 -0
- package/dist/types/sidenavbar/sidenavbar.taro.d.ts +3 -0
- package/dist/types/sidenavbaritem/index.taro.d.ts +2 -0
- package/dist/types/sidenavbaritem/sidenavbaritem.taro.d.ts +3 -0
- package/dist/types/signature/index.taro.d.ts +2 -0
- package/dist/types/signature/signature.taro.d.ts +11 -0
- package/dist/types/skeleton/index.taro.d.ts +2 -0
- package/dist/types/skeleton/skeleton.taro.d.ts +19 -0
- package/dist/types/step/index.taro.d.ts +2 -0
- package/dist/types/steps/index.taro.d.ts +2 -0
- package/dist/types/steps/steps.taro.d.ts +10 -0
- package/dist/types/subsidenavbar/index.taro.d.ts +2 -0
- package/dist/types/subsidenavbar/subsidenavbar.taro.d.ts +3 -0
- package/dist/types/swiper/index.taro.d.ts +2 -0
- package/dist/types/swiper/swiper.taro.d.ts +27 -0
- package/dist/types/swiperitem/index.taro.d.ts +2 -0
- package/dist/types/switch/index.taro.d.ts +2 -0
- package/dist/types/switch/switch.taro.d.ts +14 -0
- package/dist/types/tabbar/index.taro.d.ts +2 -0
- package/dist/types/tabbar/tabbar.taro.d.ts +14 -0
- package/dist/types/tabbaritem/index.taro.d.ts +2 -0
- package/dist/types/tabbaritem/tabbaritem.taro.d.ts +17 -0
- package/dist/types/table/index.taro.d.ts +2 -0
- package/dist/types/table/table.taro.d.ts +3 -0
- package/dist/types/tabpane/index.taro.d.ts +2 -0
- package/dist/types/tabpane/tabpane.taro.d.ts +10 -0
- package/dist/types/tabs/index.taro.d.ts +2 -0
- package/dist/types/tabs/tabs.taro.d.ts +30 -0
- package/dist/types/tag/index.taro.d.ts +2 -0
- package/dist/types/tag/tag.taro.d.ts +16 -0
- package/dist/types/textarea/index.taro.d.ts +2 -0
- package/dist/types/textarea/textarea.taro.d.ts +18 -0
- package/dist/types/timedetail/index.taro.d.ts +2 -0
- package/dist/types/timedetail/timedetail.taro.d.ts +13 -0
- package/dist/types/timepannel/index.taro.d.ts +2 -0
- package/dist/types/timepannel/timepannel.taro.d.ts +8 -0
- package/dist/types/timeselect/index.taro.d.ts +2 -0
- package/dist/types/timeselect/timeselect.taro.d.ts +21 -0
- package/dist/types/toast/Notification.d.ts +6 -4
- package/dist/types/toast/__test__/toast.spec.d.ts +1 -0
- package/dist/types/toast/index.taro.d.ts +2 -0
- package/dist/types/toast/toast.taro.d.ts +11 -0
- package/dist/types/uploader/index.taro.d.ts +2 -0
- package/dist/types/uploader/uploader.d.ts +2 -2
- package/dist/types/uploader/uploader.taro.d.ts +68 -0
- package/dist/types/video/index.taro.d.ts +2 -0
- package/dist/types/virtuallist/index.taro.d.ts +2 -0
- package/dist/types/virtuallist/virtuallist.taro.d.ts +3 -0
- package/package.json +15 -4
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export interface DragProps {
|
|
3
|
+
attract: boolean;
|
|
4
|
+
direction: undefined | string;
|
|
5
|
+
boundary: {
|
|
6
|
+
top: number;
|
|
7
|
+
left: number;
|
|
8
|
+
right: number;
|
|
9
|
+
bottom: number;
|
|
10
|
+
};
|
|
11
|
+
className: string;
|
|
12
|
+
style: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
export declare const Drag: FunctionComponent<Partial<DragProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export declare const elevatorContext: React.Context<ElevatorData>;
|
|
3
|
+
export interface ElevatorProps {
|
|
4
|
+
height: number | string;
|
|
5
|
+
acceptKey: string;
|
|
6
|
+
indexList: any[];
|
|
7
|
+
isSticky: boolean;
|
|
8
|
+
spaceHeight: number;
|
|
9
|
+
titleHeight: number;
|
|
10
|
+
className: string;
|
|
11
|
+
style: React.CSSProperties;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
clickItem: (key: string, item: ElevatorData) => void;
|
|
14
|
+
clickIndex: (key: string) => void;
|
|
15
|
+
}
|
|
16
|
+
interface ElevatorData {
|
|
17
|
+
name: string;
|
|
18
|
+
id: number | string;
|
|
19
|
+
[key: string]: string | number;
|
|
20
|
+
}
|
|
21
|
+
export declare const Elevator: FunctionComponent<Partial<ElevatorProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { FunctionComponent, ReactNode } from 'react';
|
|
2
|
+
export interface EmptyProps {
|
|
3
|
+
image: ReactNode;
|
|
4
|
+
imageSize: number | string;
|
|
5
|
+
description: ReactNode;
|
|
6
|
+
className: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const Empty: FunctionComponent<Partial<EmptyProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
declare type Direction = 'right' | 'left';
|
|
3
|
+
declare type Position = {
|
|
4
|
+
top?: string;
|
|
5
|
+
bottom?: string;
|
|
6
|
+
};
|
|
7
|
+
export interface FixedNavProps {
|
|
8
|
+
fixednavClass: string;
|
|
9
|
+
visible: boolean;
|
|
10
|
+
overlay: boolean;
|
|
11
|
+
navList: Array<any>;
|
|
12
|
+
activeText: string;
|
|
13
|
+
unActiveText: string;
|
|
14
|
+
position: Position;
|
|
15
|
+
type: Direction;
|
|
16
|
+
onChange: (v: any) => void;
|
|
17
|
+
onSelected: (item: any, e: any) => void;
|
|
18
|
+
slotList: React.ReactNode;
|
|
19
|
+
slotBtn: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
22
|
+
export {};
|
|
@@ -1,13 +1,19 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ReactElement, ReactHTML } from 'react';
|
|
2
2
|
interface IconProps {
|
|
3
3
|
name: string;
|
|
4
4
|
size: string | number;
|
|
5
5
|
classPrefix: string;
|
|
6
6
|
color: string;
|
|
7
7
|
tag: keyof ReactHTML;
|
|
8
|
-
|
|
8
|
+
onClick: (e: MouseEvent) => void;
|
|
9
9
|
fontClassName: string;
|
|
10
10
|
className: string;
|
|
11
|
+
style: React.CSSProperties;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare function Icon<T>(props: Partial<IconProps> & T): ReactElement;
|
|
15
|
+
export declare namespace Icon {
|
|
16
|
+
var defaultProps: IconProps;
|
|
17
|
+
var displayName: string;
|
|
11
18
|
}
|
|
12
|
-
export declare const Icon: FunctionComponent<Partial<IconProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
13
19
|
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { ReactElement, ReactHTML } from 'react';
|
|
2
|
+
interface IconProps {
|
|
3
|
+
name: string;
|
|
4
|
+
size: string | number;
|
|
5
|
+
classPrefix: string;
|
|
6
|
+
color: string;
|
|
7
|
+
tag: keyof ReactHTML;
|
|
8
|
+
onClick: (e: MouseEvent) => void;
|
|
9
|
+
fontClassName: string;
|
|
10
|
+
className: string;
|
|
11
|
+
style: React.CSSProperties;
|
|
12
|
+
children: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare function Icon<T>(props: Partial<IconProps> & T): ReactElement;
|
|
15
|
+
export declare namespace Icon {
|
|
16
|
+
var defaultProps: IconProps;
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export interface IndicatorProps {
|
|
3
|
+
size: number;
|
|
4
|
+
current: number;
|
|
5
|
+
block: boolean;
|
|
6
|
+
align: 'left' | 'right' | 'center';
|
|
7
|
+
fillZero: boolean;
|
|
8
|
+
vertical: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export interface InfiniteloadingProps {
|
|
3
|
+
hasMore: boolean;
|
|
4
|
+
threshold: number;
|
|
5
|
+
containerId: string;
|
|
6
|
+
useWindow: boolean;
|
|
7
|
+
useCapture: boolean;
|
|
8
|
+
isOpenRefresh: boolean;
|
|
9
|
+
pullIcon: string;
|
|
10
|
+
pullTxt: string;
|
|
11
|
+
loadIcon: string;
|
|
12
|
+
loadTxt: string;
|
|
13
|
+
loadMoreTxt: string;
|
|
14
|
+
className: string;
|
|
15
|
+
style: React.CSSProperties;
|
|
16
|
+
refresh: (param: () => void) => void;
|
|
17
|
+
loadMore: (param: () => void) => void;
|
|
18
|
+
scrollChange: (param: number) => void;
|
|
19
|
+
}
|
|
20
|
+
export declare const Infiniteloading: FunctionComponent<Partial<InfiniteloadingProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React, { CSSProperties, FunctionComponent, HTMLInputTypeAttribute } from 'react';
|
|
2
|
+
export declare type InputAlignType = 'left' | 'center' | 'right';
|
|
3
|
+
export declare type InputFormatTrigger = 'onChange' | 'onBlur';
|
|
4
|
+
export declare type InputType = HTMLInputTypeAttribute;
|
|
5
|
+
export declare type InputRule = {
|
|
6
|
+
pattern?: RegExp;
|
|
7
|
+
message?: string;
|
|
8
|
+
required?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
|
|
11
|
+
export interface InputProps {
|
|
12
|
+
type: InputType;
|
|
13
|
+
defaultValue: any;
|
|
14
|
+
placeholder: string;
|
|
15
|
+
label: string;
|
|
16
|
+
labelClass: string;
|
|
17
|
+
labelWidth: string | number;
|
|
18
|
+
labelAlign: InputAlignType;
|
|
19
|
+
colon: boolean;
|
|
20
|
+
inputAlign: InputAlignType;
|
|
21
|
+
center: boolean;
|
|
22
|
+
required: boolean;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
readonly: boolean;
|
|
25
|
+
error: boolean;
|
|
26
|
+
maxlength: any;
|
|
27
|
+
leftIcon: string;
|
|
28
|
+
leftIconSize: string | number;
|
|
29
|
+
rightIcon: string;
|
|
30
|
+
rightIconSize: string | number;
|
|
31
|
+
clearable: boolean;
|
|
32
|
+
clearIcon: string;
|
|
33
|
+
clearSize: string | number;
|
|
34
|
+
border: boolean;
|
|
35
|
+
formatTrigger: InputFormatTrigger;
|
|
36
|
+
rules: Array<InputRule>;
|
|
37
|
+
errorMessage: string;
|
|
38
|
+
errorMessageAlign: InputAlignType;
|
|
39
|
+
rows: string | number;
|
|
40
|
+
showWordLimit: boolean;
|
|
41
|
+
autofocus: boolean;
|
|
42
|
+
style?: CSSProperties;
|
|
43
|
+
className?: string;
|
|
44
|
+
slotButton?: React.ReactNode;
|
|
45
|
+
slotInput?: React.ReactNode;
|
|
46
|
+
formatter: (value: string) => void;
|
|
47
|
+
change?: (value: any, event: Event) => void;
|
|
48
|
+
blur?: (value: any, event: Event) => void;
|
|
49
|
+
focus?: (value: any, event: Event) => void;
|
|
50
|
+
clear?: (value: any, event: Event) => void;
|
|
51
|
+
keypress?: (value: any, event: Event) => void;
|
|
52
|
+
clickInput?: (value: any) => void;
|
|
53
|
+
clickLeftIcon?: (value: any) => void;
|
|
54
|
+
clickRightIcon?: (value: any) => void;
|
|
55
|
+
click?: (value: any) => void;
|
|
56
|
+
}
|
|
57
|
+
export declare const Input: FunctionComponent<Partial<InputProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { FunctionComponent, ChangeEvent, FocusEvent } from 'react';
|
|
2
|
+
export interface InputNumberProps {
|
|
3
|
+
disabled: boolean;
|
|
4
|
+
buttonSize: string | number;
|
|
5
|
+
min: string | number;
|
|
6
|
+
max: string | number;
|
|
7
|
+
inputWidth: string | number;
|
|
8
|
+
readonly: boolean;
|
|
9
|
+
modelValue: string | number;
|
|
10
|
+
step: string | number;
|
|
11
|
+
decimalPlaces: string | number;
|
|
12
|
+
isAsync: boolean;
|
|
13
|
+
className: string;
|
|
14
|
+
style: React.CSSProperties;
|
|
15
|
+
add: (e: MouseEvent) => void;
|
|
16
|
+
reduce: (e: MouseEvent) => void;
|
|
17
|
+
overlimit: (e: MouseEvent) => void;
|
|
18
|
+
blur: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
19
|
+
focus: (e: FocusEvent<HTMLInputElement>) => void;
|
|
20
|
+
change: (param: string | number, e: MouseEvent | ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export interface NavBarProps {
|
|
3
|
+
leftShow: boolean;
|
|
4
|
+
title: string;
|
|
5
|
+
titIcon: string;
|
|
6
|
+
leftText: string;
|
|
7
|
+
desc: string;
|
|
8
|
+
className: string;
|
|
9
|
+
fixed: boolean;
|
|
10
|
+
safeAreaInsetTop: boolean;
|
|
11
|
+
border: boolean;
|
|
12
|
+
placeholder: boolean;
|
|
13
|
+
zIndex: number | string;
|
|
14
|
+
style: React.CSSProperties;
|
|
15
|
+
onClickTitle: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
16
|
+
onClickIcon: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
17
|
+
onClickBack: (e: React.MouseEvent<HTMLElement>) => void;
|
|
18
|
+
onClickRight: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
}
|
|
21
|
+
export declare const NavBar: FunctionComponent<Partial<NavBarProps>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { FunctionComponent, CSSProperties } from 'react';
|
|
2
|
+
export interface NoticeBarProps {
|
|
3
|
+
direction: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: CSSProperties;
|
|
6
|
+
list: any;
|
|
7
|
+
standTime: number;
|
|
8
|
+
complexAm: boolean;
|
|
9
|
+
height: number;
|
|
10
|
+
text: string;
|
|
11
|
+
closeMode: boolean;
|
|
12
|
+
wrapable: boolean;
|
|
13
|
+
leftIcon: string;
|
|
14
|
+
color: string;
|
|
15
|
+
background: string;
|
|
16
|
+
delay: string | number;
|
|
17
|
+
scrollable: boolean | null;
|
|
18
|
+
speed: number;
|
|
19
|
+
rightIcon?: HTMLElement | any;
|
|
20
|
+
close?: (list?: any) => void;
|
|
21
|
+
click?: (item?: any) => void;
|
|
22
|
+
}
|
|
23
|
+
export declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface NotificationProps {
|
|
3
|
-
id
|
|
4
|
-
style
|
|
3
|
+
id: string;
|
|
4
|
+
style: React.CSSProperties;
|
|
5
5
|
msg: string;
|
|
6
|
-
color
|
|
6
|
+
color: string;
|
|
7
7
|
duration: number;
|
|
8
8
|
type: string;
|
|
9
|
-
className
|
|
10
|
-
background
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
className: string;
|
|
10
|
+
background: string;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
position: string;
|
|
13
|
+
isWrapTeleport: boolean;
|
|
13
14
|
onClosed: () => void;
|
|
14
15
|
onClick: () => void;
|
|
15
16
|
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare const _default: {
|
|
3
|
+
text(msg: string | React.ReactNode, option?: {}): void;
|
|
4
|
+
success(msg: string | React.ReactNode, option?: {}): void;
|
|
5
|
+
primary(msg: string | React.ReactNode, option?: {}): void;
|
|
6
|
+
danger(msg: string | React.ReactNode, option?: {}): void;
|
|
7
|
+
warn(msg: string | React.ReactNode, option?: {}): void;
|
|
8
|
+
hide(): void;
|
|
9
|
+
};
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React, { CSSProperties, FunctionComponent } from 'react';
|
|
2
|
+
export interface NextListObj {
|
|
3
|
+
type: string;
|
|
4
|
+
id: string;
|
|
5
|
+
}
|
|
6
|
+
export interface NumberKeyboardProps {
|
|
7
|
+
confirmText: string;
|
|
8
|
+
title: string;
|
|
9
|
+
visible: boolean;
|
|
10
|
+
type: string;
|
|
11
|
+
customKey: Array<string>;
|
|
12
|
+
randomKeys: boolean;
|
|
13
|
+
popClass: string;
|
|
14
|
+
className: string;
|
|
15
|
+
style?: CSSProperties;
|
|
16
|
+
onChange?: (value: string) => void;
|
|
17
|
+
onDelete?: () => void;
|
|
18
|
+
onClose: () => void;
|
|
19
|
+
}
|
|
20
|
+
export declare const NumberKeyboard: FunctionComponent<Partial<NumberKeyboardProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export interface OverlayProps {
|
|
3
|
+
zIndex: number;
|
|
4
|
+
duration: number;
|
|
5
|
+
overlayClass: string;
|
|
6
|
+
overlayStyle: React.CSSProperties;
|
|
7
|
+
closeOnClickOverlay: boolean;
|
|
8
|
+
visible: boolean;
|
|
9
|
+
lockScroll: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const defaultOverlayProps: OverlayProps;
|
|
12
|
+
export declare const Overlay: FunctionComponent<Partial<OverlayProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export interface PaginationProps {
|
|
3
|
+
defaultValue: number;
|
|
4
|
+
modelValue: number;
|
|
5
|
+
mode: 'multi' | 'simple';
|
|
6
|
+
prevText?: React.ReactNode;
|
|
7
|
+
nextText?: React.ReactNode;
|
|
8
|
+
pageCount: string | number;
|
|
9
|
+
totalItems: string | number;
|
|
10
|
+
itemsPerPage: string | number;
|
|
11
|
+
showPageSize: string | number;
|
|
12
|
+
forceEllipses: boolean;
|
|
13
|
+
pageNodeRender: (page: any) => React.ReactNode;
|
|
14
|
+
onChange: (currPage: number) => void;
|
|
15
|
+
updatecurrent: (currPage: number) => void;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
|
|
@@ -14,6 +14,7 @@ export interface IPickerProps {
|
|
|
14
14
|
className?: '';
|
|
15
15
|
style?: React.CSSProperties;
|
|
16
16
|
threeDimensional?: boolean;
|
|
17
|
+
swipeDuration: number | string;
|
|
17
18
|
onConfirm?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
|
|
18
19
|
onClose?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
|
|
19
20
|
onCloseUpdate?: (selectedValue: (string | number)[], list: PickerOption[], pickerRef: RefObject<HTMLDivElement>) => void;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
export interface PickerOption {
|
|
3
|
+
text: string | number;
|
|
4
|
+
value: string | number;
|
|
5
|
+
disabled?: string;
|
|
6
|
+
children?: PickerOption[];
|
|
7
|
+
className?: string | number;
|
|
8
|
+
}
|
|
9
|
+
export interface IPickerProps {
|
|
10
|
+
isVisible: boolean;
|
|
11
|
+
title?: string;
|
|
12
|
+
listData: (PickerOption | PickerOption[])[];
|
|
13
|
+
defaultValueData?: (number | string)[];
|
|
14
|
+
className?: '';
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
threeDimensional?: boolean;
|
|
17
|
+
swipeDuration: number | string;
|
|
18
|
+
onConfirm?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
|
|
19
|
+
onClose?: (selectedValue: (string | number)[], selectedOptions: PickerOption[]) => void;
|
|
20
|
+
onCloseUpdate?: (selectedValue: (string | number)[], list: PickerOption[], pickerRef: RefObject<HTMLDivElement>) => void;
|
|
21
|
+
onChange?: (index: number, value: (string | number)[], selectedOptions: PickerOption[]) => void;
|
|
22
|
+
}
|
|
23
|
+
declare const Picker: React.ForwardRefExoticComponent<Partial<IPickerProps> & React.RefAttributes<unknown>>;
|
|
24
|
+
export default Picker;
|
|
@@ -5,6 +5,7 @@ interface IPickerSlotProps {
|
|
|
5
5
|
defaultValue?: string | number;
|
|
6
6
|
listData?: PickerOption[];
|
|
7
7
|
threeDimensional: boolean;
|
|
8
|
+
swipeDuration: number | string;
|
|
8
9
|
chooseItem?: (val: PickerOption, idx: number) => void;
|
|
9
10
|
}
|
|
10
11
|
declare const PickerSlot: React.ForwardRefExoticComponent<Partial<IPickerSlotProps> & React.RefAttributes<unknown>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '@testing-library/jest-dom';
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
import React, { CSSProperties, FunctionComponent } from 'react';
|
|
2
|
+
export declare type PopoverTheme = 'light' | 'dark';
|
|
3
|
+
export declare type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
4
|
+
export interface List {
|
|
5
|
+
name: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
2
9
|
export interface PopoverProps {
|
|
3
|
-
list:
|
|
4
|
-
theme:
|
|
5
|
-
location: string;
|
|
10
|
+
list: List[];
|
|
11
|
+
theme: PopoverTheme;
|
|
12
|
+
location: PopoverLocation | string;
|
|
6
13
|
visible: boolean;
|
|
14
|
+
offset: string | number;
|
|
7
15
|
className: string;
|
|
8
16
|
style?: CSSProperties;
|
|
9
|
-
onClick: (e: MouseEvent) => void;
|
|
10
17
|
children?: React.ReactNode;
|
|
18
|
+
onClick: (e: React.MouseEvent) => void;
|
|
19
|
+
onChoose: (item: List, index: number) => void;
|
|
11
20
|
}
|
|
12
|
-
export declare
|
|
13
|
-
export declare type PopoverType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
|
|
14
|
-
export declare const Popover: FunctionComponent<Partial<PopoverProps>>;
|
|
21
|
+
export declare const Popover: FunctionComponent<Partial<PopoverProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React, { CSSProperties, FunctionComponent } from 'react';
|
|
2
|
+
export declare type PopoverTheme = 'light' | 'dark';
|
|
3
|
+
export declare type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
|
|
4
|
+
export interface List {
|
|
5
|
+
name: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface PopoverProps {
|
|
10
|
+
list: List[];
|
|
11
|
+
theme: PopoverTheme;
|
|
12
|
+
location: PopoverLocation | string;
|
|
13
|
+
visible: boolean;
|
|
14
|
+
offset: string | number;
|
|
15
|
+
className: string;
|
|
16
|
+
style?: CSSProperties;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
onClick: (e: React.MouseEvent) => void;
|
|
19
|
+
onChoose: (item: List, index: number) => void;
|
|
20
|
+
}
|
|
21
|
+
export declare const Popover: FunctionComponent<Partial<PopoverProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React, { FunctionComponent, MouseEvent } from 'react';
|
|
2
|
+
import { OverlayProps } from '../overlay/overlay';
|
|
3
|
+
declare type Teleport = HTMLElement | (() => HTMLElement) | null;
|
|
4
|
+
interface PopupProps extends OverlayProps {
|
|
5
|
+
position: string;
|
|
6
|
+
transition: string;
|
|
7
|
+
style: React.CSSProperties;
|
|
8
|
+
popClass: string;
|
|
9
|
+
closeable: boolean;
|
|
10
|
+
closeIconPosition: string;
|
|
11
|
+
closeIcon: string;
|
|
12
|
+
destroyOnClose: boolean;
|
|
13
|
+
teleport: Teleport;
|
|
14
|
+
overlay: boolean;
|
|
15
|
+
round: boolean;
|
|
16
|
+
onOpen: () => void;
|
|
17
|
+
onClose: () => void;
|
|
18
|
+
onClick: (e: MouseEvent) => void;
|
|
19
|
+
onOpened: (e: HTMLElement) => void;
|
|
20
|
+
onClosed: (e: HTMLElement) => void;
|
|
21
|
+
onClickOverlay: (e: MouseEvent) => void;
|
|
22
|
+
onClickCloseIcon: (e: MouseEvent) => void;
|
|
23
|
+
}
|
|
24
|
+
export declare const Popup: FunctionComponent<Partial<PopupProps> & React.HTMLAttributes<HTMLDivElement>>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
export interface PriceProps {
|
|
3
|
+
price: number | string;
|
|
4
|
+
needSymbol: boolean;
|
|
5
|
+
symbol: string;
|
|
6
|
+
decimalDigits: number;
|
|
7
|
+
thousands: boolean;
|
|
8
|
+
className: string;
|
|
9
|
+
style: React.CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
export declare const Price: FunctionComponent<Partial<PriceProps>>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React, { FunctionComponent, CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export declare type ProgressSize = 'small' | 'base' | 'large';
|
|
3
|
+
export declare type TextType = 'icon' | 'text';
|
|
4
|
+
export interface ProgressProps {
|
|
5
|
+
className: string;
|
|
6
|
+
style: CSSProperties;
|
|
7
|
+
isShowPercentage: boolean;
|
|
8
|
+
percentage: number;
|
|
9
|
+
fillColor: string;
|
|
10
|
+
strokeColor: string;
|
|
11
|
+
strokeWidth: string;
|
|
12
|
+
size: ProgressSize;
|
|
13
|
+
textColor: string;
|
|
14
|
+
textWidth: string;
|
|
15
|
+
showText: boolean;
|
|
16
|
+
textInside: boolean;
|
|
17
|
+
textBackground: string;
|
|
18
|
+
textType: TextType;
|
|
19
|
+
status: boolean;
|
|
20
|
+
iconName: string;
|
|
21
|
+
iconColor: string;
|
|
22
|
+
iconSize: string;
|
|
23
|
+
rounded: boolean | string;
|
|
24
|
+
children: ReactNode;
|
|
25
|
+
}
|
|
26
|
+
export declare const Progress: FunctionComponent<Partial<ProgressProps> & React.HTMLAttributes<HTMLDivElement>>;
|