@nutui/nutui-react 2.0.0-alpha.2 → 2.0.0-alpha.4

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.
Files changed (44) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/esm/Badge.js +4 -66
  3. package/dist/esm/CalendarItem.js +2 -12
  4. package/dist/esm/Cascader.js +4 -2
  5. package/dist/esm/CircleProgress.js +20 -25
  6. package/dist/esm/Dialog.js +162 -171
  7. package/dist/esm/Input.js +87 -193
  8. package/dist/esm/Popup.js +2 -4
  9. package/dist/esm/Switch.js +16 -30
  10. package/dist/esm/TabPane.js +0 -2
  11. package/dist/esm/Tabbar.js +29 -33
  12. package/dist/esm/TabbarItem.js +5 -75
  13. package/dist/esm/Tabs.js +2 -2
  14. package/dist/esm/badge2.js +69 -0
  15. package/dist/esm/nutui-react.es.js +170 -170
  16. package/dist/esm/overlay2.js +12 -14
  17. package/dist/esm/raf.js +16 -0
  18. package/dist/esm/tabbaritem2.js +61 -0
  19. package/dist/esm/tabpane2.js +7 -9
  20. package/dist/esm/tabs2.js +101 -93
  21. package/dist/locales/base.js +1 -1
  22. package/dist/locales/en-US.js +1 -1
  23. package/dist/locales/id-ID.js +1 -1
  24. package/dist/locales/zh-CN.js +1 -1
  25. package/dist/locales/zh-TW.js +1 -1
  26. package/dist/locales/zh-UG.js +1 -1
  27. package/dist/nutui.react.mjs +18569 -19365
  28. package/dist/nutui.react.umd.js +18567 -19363
  29. package/dist/packages/badge/badge.scss +0 -1
  30. package/dist/packages/circleprogress/circleprogress.scss +0 -9
  31. package/dist/packages/dialog/dialog.scss +36 -65
  32. package/dist/packages/input/input.scss +13 -180
  33. package/dist/packages/overlay/overlay.scss +11 -4
  34. package/dist/packages/switch/switch.scss +13 -31
  35. package/dist/packages/tabbar/tabbar.scss +16 -23
  36. package/dist/packages/tabbaritem/tabbaritem.scss +9 -70
  37. package/dist/packages/tabs/tabs.scss +196 -225
  38. package/dist/style.css +1 -1
  39. package/dist/style.mjs +1 -1
  40. package/dist/styles/themes/default.scss +17 -17
  41. package/dist/styles/variables-jmapp.scss +24 -27
  42. package/dist/styles/variables.scss +34 -30
  43. package/dist/types/index.d.ts +366 -423
  44. package/package.json +2 -2
@@ -204,32 +204,12 @@ interface OverlayProps extends BasicComponent {
204
204
  closeOnOverlayClick: boolean;
205
205
  visible: boolean;
206
206
  lockScroll: boolean;
207
+ onClick: (event: MouseEvent$1) => void;
207
208
  afterShow: () => void;
208
209
  afterClose: () => void;
209
210
  }
210
211
  declare const Overlay: FunctionComponent<Partial<OverlayProps> & React__default.HTMLAttributes<HTMLDivElement>>;
211
212
 
212
- type Teleport = HTMLElement | (() => HTMLElement) | null;
213
- interface PopupProps extends OverlayProps {
214
- position: string;
215
- transition: string;
216
- overlayStyle: React__default.CSSProperties;
217
- overlayClassName: string;
218
- closeable: boolean;
219
- closeIconPosition: string;
220
- closeIcon: React__default.ReactNode;
221
- destroyOnClose: boolean;
222
- portal: Teleport;
223
- overlay: boolean;
224
- round: boolean;
225
- onOpen: () => void;
226
- onClose: () => void;
227
- onClick: (e: MouseEvent$1) => void;
228
- onClickOverlay: (e: MouseEvent$1) => boolean | void;
229
- onClickCloseIcon: (e: MouseEvent$1) => boolean | void;
230
- }
231
- declare const Popup: FunctionComponent<Partial<PopupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
232
-
233
213
  type EventType$1 = 'row' | 'col';
234
214
  interface ColProps extends BasicComponent {
235
215
  span: string | number;
@@ -301,6 +281,15 @@ interface StickyProps extends BasicComponent {
301
281
  }
302
282
  declare const Sticky: FunctionComponent<Partial<StickyProps>>;
303
283
 
284
+ interface BackTopProps extends BasicComponent {
285
+ target: string;
286
+ threshold: number;
287
+ zIndex: number;
288
+ duration: number;
289
+ onClick?: (event: MouseEvent) => void;
290
+ }
291
+ declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
292
+
304
293
  declare const elevatorContext: React__default.Context<ElevatorData>;
305
294
  interface ElevatorProps extends BasicComponent {
306
295
  height: number | string;
@@ -341,43 +330,6 @@ interface FixedNavProps extends BasicComponent {
341
330
  }
342
331
  declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;
343
332
 
344
- interface IndicatorProps {
345
- total: number;
346
- current: number;
347
- direction: string;
348
- }
349
- declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
350
-
351
- interface MenuProps extends BasicComponent {
352
- activeColor: string;
353
- closeOnOverlayClick: boolean;
354
- scrollFixed: boolean | string | number;
355
- lockScroll: boolean;
356
- icon: React__default.ReactNode;
357
- children: React__default.ReactNode;
358
- }
359
- declare const Menu: FunctionComponent<Partial<MenuProps>>;
360
-
361
- interface OptionItem {
362
- text: string;
363
- value: string | number;
364
- }
365
- interface MenuItemProps extends BasicComponent {
366
- title: React__default.ReactNode;
367
- options: OptionItem[];
368
- disabled: boolean;
369
- columns: number;
370
- icon: React__default.ReactNode;
371
- closeOnClickAway: boolean;
372
- direction: string;
373
- activeTitleClass: string;
374
- inactiveTitleClass: string;
375
- value: string | number;
376
- onChange: (event: any) => void;
377
- children: React__default.ReactNode;
378
- }
379
- declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
380
-
381
333
  interface NavBarProps$1 extends BasicComponent {
382
334
  left: React__default.ReactNode;
383
335
  back: React__default.ReactNode;
@@ -391,21 +343,6 @@ interface NavBarProps$1 extends BasicComponent {
391
343
  }
392
344
  declare const NavBar: FunctionComponent<Partial<NavBarProps$1>>;
393
345
 
394
- interface PaginationProps extends BasicComponent {
395
- value: number;
396
- defaultValue: number;
397
- mode: 'multi' | 'simple';
398
- prev: ReactNode;
399
- next: ReactNode;
400
- total: number;
401
- pageSize: number;
402
- itemSize: number;
403
- ellipse: boolean;
404
- itemRender: (page: any) => ReactNode;
405
- onChange: (currPage: number) => void;
406
- }
407
- declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
408
-
409
346
  type NavBarProps = {
410
347
  showhead?: boolean;
411
348
  };
@@ -444,75 +381,64 @@ type SubSideNavBarProps = {
444
381
  };
445
382
  declare const SubSideNavBar: FunctionComponent<SubSideNavBarProps>;
446
383
 
447
- interface TabbarProps {
448
- visible: number | string;
449
- activeVisible?: number | string;
450
- bottom: boolean;
451
- size: string | number;
452
- unactiveColor: string;
453
- activeColor: string;
454
- safeAreaInsetBottom: boolean;
455
- className: string;
456
- style: React__default.CSSProperties;
457
- onSwitch: (child: React__default.ReactElement<any>, active: number) => void;
458
- children?: React__default.ReactNode;
384
+ interface BadgeProps extends BasicComponent {
385
+ value: ReactNode;
386
+ dot: boolean;
387
+ max: number;
388
+ top: string;
389
+ right: string;
390
+ color: string;
459
391
  }
460
- declare const Tabbar: FunctionComponent<Partial<TabbarProps>>;
392
+ declare const Badge: FunctionComponent<Partial<BadgeProps>>;
461
393
 
462
- interface TabbarItemProps extends BasicComponent {
463
- dot: boolean;
464
- className: string;
465
- tabTitle: string;
466
- icon: React__default.ReactNode;
467
- href: string;
468
- num: string | number;
394
+ interface TabbarItemProps extends BadgeProps {
395
+ title: ReactNode;
396
+ icon: ReactNode;
469
397
  active: boolean;
470
398
  activeColor: string;
471
- unactiveColor: string;
399
+ inactiveColor: string;
472
400
  index: number;
473
401
  handleClick: (idx: number) => void;
474
402
  }
475
403
  declare const TabbarItem: FunctionComponent<Partial<TabbarItemProps>>;
476
404
 
405
+ interface TabbarProps extends BasicComponent {
406
+ defaultValue: number;
407
+ value?: number;
408
+ fixed: boolean;
409
+ inactiveColor: string;
410
+ activeColor: string;
411
+ safeArea: boolean;
412
+ onSwitch: (value: number) => void;
413
+ }
414
+ declare const Tabbar: FunctionComponent<Partial<TabbarProps>> & {
415
+ Item: typeof TabbarItem;
416
+ };
417
+
477
418
  interface TabPanelInnerProps {
478
419
  autoHeightClassName: string;
479
420
  }
480
421
  interface TabPaneProps {
481
422
  title: string | number;
482
- paneKey: string | number;
483
- activeKey: string | number;
423
+ value: string | number;
484
424
  disabled: boolean;
485
425
  className: string;
486
426
  children?: React__default.ReactNode;
487
427
  }
488
428
  declare const TabPane: FunctionComponent<Partial<TabPaneProps & TabPanelInnerProps>>;
489
429
 
490
- declare class Title {
491
- title: string;
492
- paneKey: string;
493
- disabled: boolean;
494
- index: number;
495
- constructor();
496
- }
497
- type TabsSize = 'large' | 'normal' | 'small';
498
430
  interface TabsProps extends BasicComponent {
499
- className: string;
500
- style: React__default.CSSProperties;
501
431
  tabStyle: React__default.CSSProperties;
502
432
  value: string | number;
503
- color: string;
504
- background: string;
505
- direction: string;
506
- type: string;
507
- titleScroll: boolean;
508
- ellipsis: boolean;
509
- animatedTime: number | string;
510
- titleGutter: number | string;
511
- size: TabsSize;
512
- leftAlign: boolean;
513
- titleNode: () => JSX.Element[];
514
- onChange: (t: Title) => void;
515
- onClick: (t: Title) => void;
433
+ defaultValue: string | number;
434
+ activeColor: string;
435
+ direction: 'horizontal' | 'vertical';
436
+ activeType: 'line' | 'smile';
437
+ duration: number | string;
438
+ align: 'left' | 'right';
439
+ title: () => JSX.Element[];
440
+ onChange: (index: string | number) => void;
441
+ onClick: (index: string | number) => void;
516
442
  autoHeight: boolean;
517
443
  children?: React__default.ReactNode;
518
444
  }
@@ -520,6 +446,74 @@ declare const Tabs: FunctionComponent<Partial<TabsProps>> & {
520
446
  TabPane: typeof TabPane;
521
447
  };
522
448
 
449
+ interface RegionData {
450
+ name?: string;
451
+ [key: string]: any;
452
+ }
453
+ interface ChangeCallBack {
454
+ next: string;
455
+ value: string | RegionData;
456
+ custom: string;
457
+ }
458
+ interface CloseCallBackData extends SelectedRegionObj {
459
+ addressIdStr: string;
460
+ addressStr: string;
461
+ }
462
+ interface CloseCallBack {
463
+ data: CloseCallBackData | AddressList;
464
+ type: string;
465
+ }
466
+ interface AddressList {
467
+ id?: string | number;
468
+ provinceName: string;
469
+ cityName: string;
470
+ countyName: string;
471
+ townName: string;
472
+ addressDetail: string;
473
+ selectedAddress: boolean;
474
+ name?: string;
475
+ phone?: string;
476
+ }
477
+ interface SelectedRegionObj {
478
+ province: RegionData;
479
+ city: RegionData;
480
+ country: RegionData;
481
+ town: RegionData;
482
+ }
483
+
484
+ interface AddressProps extends BasicComponent {
485
+ className?: string;
486
+ style?: CSSProperties;
487
+ modelValue: boolean;
488
+ modelSelect: (string | number)[];
489
+ type: string;
490
+ customAddressTitle: string;
491
+ province: RegionData[];
492
+ city: RegionData[];
493
+ country: RegionData[];
494
+ town: RegionData[];
495
+ isShowCustomAddress: boolean;
496
+ existAddress: AddressList[];
497
+ existAddressTitle: string;
498
+ customAndExistTitle: string;
499
+ height: string | number;
500
+ defaultIcon: React__default.ReactNode;
501
+ selectedIcon: React__default.ReactNode;
502
+ closeBtnIcon: React__default.ReactNode;
503
+ backBtnIcon: React__default.ReactNode;
504
+ onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
505
+ onClose?: (cal: CloseCallBack) => void;
506
+ onCancel?: (cal: {
507
+ closeWay: string;
508
+ }) => void;
509
+ onSwitch?: (cal: {
510
+ type: string;
511
+ }) => void;
512
+ onChange?: (cal: ChangeCallBack) => void;
513
+ onTabChecked?: (cal: string) => void;
514
+ }
515
+ declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
516
+
523
517
  type CalendarRef$1 = {
524
518
  scrollToDate: (date: string) => void;
525
519
  };
@@ -821,57 +815,30 @@ declare const Form: FunctionComponent<Partial<FormProps> & React__default.HTMLAt
821
815
  type InputAlignType = 'left' | 'center' | 'right';
822
816
  type InputFormatTrigger = 'onChange' | 'onBlur';
823
817
  type InputType = HTMLInputTypeAttribute;
824
- type InputRule = {
825
- pattern?: RegExp;
826
- message?: string;
827
- required?: boolean;
828
- };
818
+ type ConfirmTextType = 'send' | 'search' | 'next' | 'go' | 'done';
829
819
  interface InputProps extends BasicComponent {
830
820
  type: InputType;
831
821
  name: string;
832
- defaultValue: any;
822
+ defaultValue?: string;
823
+ value?: string;
833
824
  placeholder: string;
834
- label: string;
835
- labelClass: string;
836
- labelWidth: string | number;
837
- labelAlign: InputAlignType;
838
- colon: boolean;
839
- inputAlign: InputAlignType;
840
- center: boolean;
841
- required: boolean;
825
+ align: InputAlignType;
842
826
  disabled: boolean;
843
- readonly: boolean;
844
- error: boolean;
845
- maxlength: any;
846
- leftIcon: React__default.ReactNode;
847
- rightIcon: React__default.ReactNode;
827
+ readOnly: boolean;
828
+ maxLength: number;
848
829
  clearable: boolean;
849
830
  clearIcon: React__default.ReactNode;
850
- clearSize: string | number;
851
- border: boolean;
852
831
  formatTrigger: InputFormatTrigger;
853
- rules: Array<InputRule>;
854
- errorMessage: string;
855
- errorMessageAlign: InputAlignType;
856
- rows: string | number;
857
- showWordLimit: boolean;
858
- autofocus: boolean;
859
- style?: CSSProperties;
860
- className?: string;
861
- slotButton?: React__default.ReactNode;
862
- slotInput?: React__default.ReactNode;
863
- formatter: (value: string) => void;
864
- onChange?: (value: any, event: Event) => void;
865
- onBlur?: (value: any, event: Event) => void;
866
- onFocus?: (value: any, event: Event) => void;
867
- onClear?: (value: any, event: Event) => void;
868
- keypress?: (value: any, event: Event) => void;
869
- onClickInput?: (value: any) => void;
870
- onClickLeftIcon?: (value: any) => void;
871
- onClickRightIcon?: (value: any) => void;
872
- onClick?: (value: any) => void;
832
+ autoFocus: boolean;
833
+ confirmType: ConfirmTextType;
834
+ formatter?: (value: string) => void;
835
+ onChange?: (value: string) => void;
836
+ onBlur?: (value: string) => void;
837
+ onFocus?: (value: string) => void;
838
+ onClear?: (value: string) => void;
839
+ onClick?: (value: MouseEvent$1<HTMLDivElement>) => void;
873
840
  }
874
- declare const Input: FunctionComponent<Partial<InputProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur' | 'onFocus' | 'onClick'>>;
841
+ declare const Input: React__default.ForwardRefExoticComponent<Partial<InputProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onClick" | "onFocus" | "onBlur" | "onChange"> & React__default.RefAttributes<unknown>>;
875
842
 
876
843
  interface InputNumberProps extends BasicComponent {
877
844
  disabled: boolean;
@@ -896,6 +863,36 @@ interface InputNumberProps extends BasicComponent {
896
863
  }
897
864
  declare const InputNumber: FunctionComponent<Partial<InputNumberProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onBlur'>>;
898
865
 
866
+ interface MenuProps extends BasicComponent {
867
+ activeColor: string;
868
+ closeOnOverlayClick: boolean;
869
+ scrollFixed: boolean | string | number;
870
+ lockScroll: boolean;
871
+ icon: React__default.ReactNode;
872
+ children: React__default.ReactNode;
873
+ }
874
+ declare const Menu: FunctionComponent<Partial<MenuProps>>;
875
+
876
+ interface OptionItem {
877
+ text: string;
878
+ value: string | number;
879
+ }
880
+ interface MenuItemProps extends BasicComponent {
881
+ title: React__default.ReactNode;
882
+ options: OptionItem[];
883
+ disabled: boolean;
884
+ columns: number;
885
+ icon: React__default.ReactNode;
886
+ closeOnClickAway: boolean;
887
+ direction: string;
888
+ activeTitleClass: string;
889
+ inactiveTitleClass: string;
890
+ value: string | number;
891
+ onChange: (event: any) => void;
892
+ children: React__default.ReactNode;
893
+ }
894
+ declare const MenuItem: React__default.ForwardRefExoticComponent<Partial<MenuItemProps> & React__default.RefAttributes<unknown>>;
895
+
899
896
  interface NumberKeyboardProps {
900
897
  confirmText: string;
901
898
  title: string;
@@ -1096,6 +1093,29 @@ interface ShortPasswordProps extends BasicComponent {
1096
1093
  }
1097
1094
  declare const ShortPassword: FunctionComponent<Partial<ShortPasswordProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
1098
1095
 
1096
+ interface SignatureProps {
1097
+ type: string;
1098
+ lineWidth: number;
1099
+ strokeStyle: string;
1100
+ unSupportTpl: string;
1101
+ className: string;
1102
+ confirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
1103
+ clear?: () => void;
1104
+ onConfirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
1105
+ onClear?: () => void;
1106
+ }
1107
+ declare const Signature: FunctionComponent<Partial<SignatureProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1108
+
1109
+ interface SwitchProps extends BasicComponent {
1110
+ checked: boolean;
1111
+ defaultChecked: boolean;
1112
+ disabled: boolean;
1113
+ activeText: string;
1114
+ inactiveText: string;
1115
+ onChange: (val: boolean, event: React__default.MouseEvent) => void;
1116
+ }
1117
+ declare const Switch: FunctionComponent<Partial<SwitchProps>>;
1118
+
1099
1119
  interface TextAreaProps {
1100
1120
  className?: string;
1101
1121
  defaultValue: string | number | any;
@@ -1228,43 +1248,30 @@ interface ActionSheetProps {
1228
1248
  }
1229
1249
  declare const ActionSheet: FunctionComponent<Partial<ActionSheetProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1230
1250
 
1231
- interface BackTopProps extends BasicComponent {
1232
- target: string;
1233
- threshold: number;
1234
- zIndex: number;
1235
- duration: number;
1236
- onClick?: (event: MouseEvent) => void;
1237
- }
1238
- declare const BackTop: FunctionComponent<Partial<BackTopProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
1239
-
1240
1251
  type DialogConfigType = {
1241
1252
  prefixCls?: string;
1242
1253
  simple?: boolean;
1243
1254
  };
1244
1255
  interface BasicDialogProps {
1245
- className?: string;
1246
- style?: CSSProperties;
1247
1256
  visible?: boolean;
1248
1257
  title?: ReactNode;
1249
1258
  content?: ReactNode;
1250
1259
  footer?: ReactNode;
1251
1260
  confirmText?: ReactNode;
1252
1261
  cancelText?: ReactNode;
1253
- mask?: boolean;
1254
- noOkBtn?: boolean;
1255
- noCancelBtn?: boolean;
1256
- okBtnDisabled?: boolean;
1257
- noFooter?: boolean;
1258
- closeOnClickOverlay?: boolean;
1259
- cancelAutoClose?: boolean;
1260
- textAlign?: string;
1262
+ overlay?: boolean;
1263
+ hideConfirmButton?: boolean;
1264
+ hideCancelButton?: boolean;
1265
+ disableConfirmButton?: boolean;
1266
+ closeOnOverlayClick?: boolean;
1261
1267
  footerDirection?: string;
1262
1268
  lockScroll?: boolean;
1263
- onClosed?: () => void;
1264
- onOk?: (e?: MouseEvent) => Promise<() => void> | void;
1265
- onCancel?: () => void;
1266
- onClickSelf?: () => void;
1269
+ beforeClose?: () => boolean;
1270
+ beforeCancel?: () => boolean;
1271
+ onClose?: () => void;
1267
1272
  onConfirm?: (e?: MouseEvent) => Promise<() => void> | void;
1273
+ onCancel?: () => void;
1274
+ onClick?: () => void;
1268
1275
  }
1269
1276
  type DialogReturnProps = {
1270
1277
  update: (newConfig: ConfirmProps) => void;
@@ -1298,6 +1305,14 @@ interface DragProps extends BasicComponent {
1298
1305
  }
1299
1306
  declare const Drag: FunctionComponent<Partial<DragProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1300
1307
 
1308
+ interface EmptyProps {
1309
+ image: ReactNode;
1310
+ imageSize: number | string;
1311
+ description: ReactNode;
1312
+ className: string;
1313
+ }
1314
+ declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1315
+
1301
1316
  interface InfiniteloadingProps extends BasicComponent {
1302
1317
  hasMore: boolean;
1303
1318
  threshold: number;
@@ -1318,6 +1333,32 @@ interface InfiniteloadingProps extends BasicComponent {
1318
1333
  }
1319
1334
  declare const Infiniteloading: FunctionComponent<Partial<InfiniteloadingProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1320
1335
 
1336
+ interface NoticeBarProps extends BasicComponent {
1337
+ direction: string;
1338
+ className?: string;
1339
+ style?: CSSProperties;
1340
+ list: any;
1341
+ standTime: number;
1342
+ complexAm: boolean;
1343
+ height: number;
1344
+ text: string;
1345
+ closeMode: boolean;
1346
+ wrapable: boolean;
1347
+ leftIcon: ReactNode;
1348
+ rightIcon: ReactNode;
1349
+ color: string;
1350
+ background: string;
1351
+ delay: string | number;
1352
+ scrollable: boolean | null;
1353
+ speed: number;
1354
+ close?: (event: any) => void;
1355
+ click?: (event: any) => void;
1356
+ onClose?: (event: any) => void;
1357
+ onClick?: (event: any) => void;
1358
+ onClickItem?: (event: any, value: any) => void;
1359
+ }
1360
+ declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
1361
+
1321
1362
  interface NotifyProps {
1322
1363
  id: string;
1323
1364
  color?: string;
@@ -1339,6 +1380,27 @@ declare const _default$1: {
1339
1380
  hide(): void;
1340
1381
  };
1341
1382
 
1383
+ type PopoverTheme = 'light' | 'dark';
1384
+ type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
1385
+ interface List {
1386
+ name: string;
1387
+ icon?: React__default.ReactNode;
1388
+ disabled?: boolean;
1389
+ }
1390
+ interface PopoverProps extends BasicComponent {
1391
+ list: List[];
1392
+ theme: PopoverTheme;
1393
+ location: PopoverLocation | string;
1394
+ visible: boolean;
1395
+ offset: string | number;
1396
+ className: string;
1397
+ style?: CSSProperties;
1398
+ children?: React__default.ReactNode;
1399
+ onClick: (e: React__default.MouseEvent) => void;
1400
+ onChoose: (item: List, index: number) => void;
1401
+ }
1402
+ declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1403
+
1342
1404
  type PullStatus = 'pulling' | 'canRelease' | 'refreshing' | 'complete';
1343
1405
  interface PullToRefreshProps {
1344
1406
  className: string;
@@ -1357,6 +1419,24 @@ interface PullToRefreshProps {
1357
1419
  }
1358
1420
  declare const PullToRefresh: FunctionComponent<Partial<PullToRefreshProps>>;
1359
1421
 
1422
+ type avatarShape = 'round' | 'square';
1423
+ interface SkeletonProps {
1424
+ width: string;
1425
+ height: string;
1426
+ animated: boolean;
1427
+ row: number;
1428
+ title: boolean;
1429
+ avatar: boolean;
1430
+ className?: string;
1431
+ style?: React__default.CSSProperties;
1432
+ avatarSize: string;
1433
+ round: boolean;
1434
+ loading: boolean;
1435
+ avatarShape: avatarShape;
1436
+ children?: React__default.ReactNode;
1437
+ }
1438
+ declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
1439
+
1360
1440
  type SwipeSide = 'left' | 'right';
1361
1441
  type SwipePosition = SwipeSide | 'cell' | 'outside';
1362
1442
  interface SwipeInstance {
@@ -1401,19 +1481,25 @@ interface SwipeProps {
1401
1481
  }
1402
1482
  declare const Swipe: React__default.ForwardRefExoticComponent<Partial<SwipeProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, "onTouchEnd" | "onTouchMove" | "onTouchStart"> & React__default.RefAttributes<SwipeInstance>>;
1403
1483
 
1404
- interface SwitchProps extends BasicComponent {
1405
- isAsync: boolean;
1406
- checked: boolean;
1407
- disable: boolean;
1408
- activeColor: string;
1409
- inactiveColor: string;
1410
- activeText: string;
1411
- inactiveText: string;
1412
- className: string;
1413
- style: React__default.CSSProperties;
1414
- onChange: (val: boolean, event: React__default.MouseEvent) => void;
1484
+ type Teleport = HTMLElement | (() => HTMLElement) | null;
1485
+ interface PopupProps extends OverlayProps {
1486
+ position: string;
1487
+ transition: string;
1488
+ overlayStyle: React__default.CSSProperties;
1489
+ overlayClassName: string;
1490
+ closeable: boolean;
1491
+ closeIconPosition: string;
1492
+ closeIcon: React__default.ReactNode;
1493
+ destroyOnClose: boolean;
1494
+ portal: Teleport;
1495
+ overlay: boolean;
1496
+ round: boolean;
1497
+ onOpen: () => void;
1498
+ onClose: () => void;
1499
+ onClickOverlay: (e: MouseEvent$1) => boolean | void;
1500
+ onClickCloseIcon: (e: MouseEvent$1) => boolean | void;
1415
1501
  }
1416
- declare const Switch: FunctionComponent<Partial<SwitchProps>>;
1502
+ declare const Popup: FunctionComponent<Partial<PopupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1417
1503
 
1418
1504
  interface ToastProps {
1419
1505
  id?: string;
@@ -1526,27 +1612,16 @@ interface AvatarGroupProps {
1526
1612
  }
1527
1613
  declare const AvatarGroup: FunctionComponent<Partial<AvatarGroupProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1528
1614
 
1529
- interface BadgeProps extends BasicComponent {
1530
- value: ReactNode;
1531
- dot: boolean;
1532
- max: number;
1533
- top: string;
1534
- right: string;
1535
- color: string;
1536
- }
1537
- declare const Badge: FunctionComponent<Partial<BadgeProps>>;
1538
-
1539
- interface CircleProgressProps {
1540
- progress: string | number;
1615
+ interface CircleProgressProps extends BasicComponent {
1616
+ percent: string | number;
1541
1617
  strokeWidth?: string | number;
1542
1618
  radius?: number | string;
1543
- strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit' | undefined;
1544
- circleColor?: object | string;
1545
- pathColor?: string;
1619
+ strokeLinecap?: 'butt' | 'round' | 'square' | 'inherit';
1620
+ color?: object | string;
1621
+ background?: string;
1546
1622
  clockwise?: boolean;
1547
- className?: string;
1548
1623
  }
1549
- declare const CircleProgress: FunctionComponent<CircleProgressProps & React__default.HTMLAttributes<HTMLDivElement>>;
1624
+ declare const CircleProgress: FunctionComponent<CircleProgressProps & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'color'>>;
1550
1625
 
1551
1626
  interface CollapseProps {
1552
1627
  className: string;
@@ -1604,14 +1679,6 @@ interface EllipsisProps {
1604
1679
  }
1605
1680
  declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
1606
1681
 
1607
- interface EmptyProps {
1608
- image: ReactNode;
1609
- imageSize: number | string;
1610
- description: ReactNode;
1611
- className: string;
1612
- }
1613
- declare const Empty: FunctionComponent<Partial<EmptyProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1614
-
1615
1682
  interface ImagePreviewProps {
1616
1683
  className?: string;
1617
1684
  images: Array<{
@@ -1638,52 +1705,49 @@ interface ImagePreviewProps {
1638
1705
  }
1639
1706
  declare const ImagePreview: FunctionComponent<Partial<ImagePreviewProps>>;
1640
1707
 
1641
- interface NoticeBarProps extends BasicComponent {
1708
+ interface IndicatorProps {
1709
+ total: number;
1710
+ current: number;
1642
1711
  direction: string;
1643
- className?: string;
1644
- style?: CSSProperties;
1645
- list: any;
1646
- standTime: number;
1647
- complexAm: boolean;
1648
- height: number;
1649
- text: string;
1650
- closeMode: boolean;
1651
- wrapable: boolean;
1652
- leftIcon: ReactNode;
1653
- rightIcon: ReactNode;
1654
- color: string;
1655
- background: string;
1656
- delay: string | number;
1657
- scrollable: boolean | null;
1658
- speed: number;
1659
- close?: (event: any) => void;
1660
- click?: (event: any) => void;
1661
- onClose?: (event: any) => void;
1662
- onClick?: (event: any) => void;
1663
- onClickItem?: (event: any, value: any) => void;
1664
1712
  }
1665
- declare const NoticeBar: FunctionComponent<Partial<NoticeBarProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
1713
+ declare const Indicator: FunctionComponent<Partial<IndicatorProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1666
1714
 
1667
- type PopoverTheme = 'light' | 'dark';
1668
- type PopoverLocation = 'bottom' | 'top' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
1669
- interface List {
1670
- name: string;
1671
- icon?: React__default.ReactNode;
1672
- disabled?: boolean;
1715
+ type Data = any;
1716
+ interface BasicVirtualListProps {
1717
+ className?: string;
1718
+ style?: React.CSSProperties;
1719
+ sourceData: Array<Data>;
1720
+ containerSize?: number;
1721
+ ItemRender?: React.FC<any>;
1722
+ itemSize?: number;
1723
+ itemEqualSize?: boolean;
1724
+ horizontal?: boolean;
1725
+ overscan?: number;
1726
+ handleScroll?: (...args: any[]) => any;
1727
+ onScroll?: (...args: any[]) => any;
1728
+ key?: string;
1729
+ locale?: {
1730
+ [key in string]: string;
1731
+ };
1673
1732
  }
1674
- interface PopoverProps extends BasicComponent {
1675
- list: List[];
1676
- theme: PopoverTheme;
1677
- location: PopoverLocation | string;
1678
- visible: boolean;
1679
- offset: string | number;
1680
- className: string;
1681
- style?: CSSProperties;
1682
- children?: React__default.ReactNode;
1683
- onClick: (e: React__default.MouseEvent) => void;
1684
- onChoose: (item: List, index: number) => void;
1733
+
1734
+ type VirtualListProps = BasicVirtualListProps;
1735
+ declare const VirtualList: FunctionComponent<VirtualListProps>;
1736
+
1737
+ interface PaginationProps extends BasicComponent {
1738
+ value: number;
1739
+ defaultValue: number;
1740
+ mode: 'multi' | 'simple';
1741
+ prev: ReactNode;
1742
+ next: ReactNode;
1743
+ total: number;
1744
+ pageSize: number;
1745
+ itemSize: number;
1746
+ ellipse: boolean;
1747
+ itemRender: (page: any) => ReactNode;
1748
+ onChange: (currPage: number) => void;
1685
1749
  }
1686
- declare const Popover: FunctionComponent<Partial<PopoverProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1750
+ declare const Pagination: FunctionComponent<Partial<PaginationProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
1687
1751
 
1688
1752
  interface PriceProps {
1689
1753
  price: number | string;
@@ -1708,24 +1772,6 @@ interface ProgressProps extends BasicComponent {
1708
1772
  }
1709
1773
  declare const Progress: FunctionComponent<Partial<ProgressProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1710
1774
 
1711
- type avatarShape = 'round' | 'square';
1712
- interface SkeletonProps {
1713
- width: string;
1714
- height: string;
1715
- animated: boolean;
1716
- row: number;
1717
- title: boolean;
1718
- avatar: boolean;
1719
- className?: string;
1720
- style?: React__default.CSSProperties;
1721
- avatarSize: string;
1722
- round: boolean;
1723
- loading: boolean;
1724
- avatarShape: avatarShape;
1725
- children?: React__default.ReactNode;
1726
- }
1727
- declare const Skeleton: FunctionComponent<Partial<SkeletonProps>>;
1728
-
1729
1775
  interface StepProps extends BasicComponent {
1730
1776
  title: string;
1731
1777
  content: string;
@@ -1823,24 +1869,6 @@ interface TagProps extends BasicComponent {
1823
1869
  type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
1824
1870
  declare const Tag: FunctionComponent<Partial<TagProps>>;
1825
1871
 
1826
- interface TrendArrowProps {
1827
- rate: number;
1828
- digits: number;
1829
- showSign: boolean;
1830
- showZero: boolean;
1831
- arrowLeft: boolean;
1832
- syncTextColor: boolean;
1833
- textColor: string;
1834
- riseColor: string;
1835
- dropColor: string;
1836
- iconSize: string;
1837
- upIcon: React__default.ReactNode;
1838
- downIcon: React__default.ReactNode;
1839
- className: string;
1840
- style: React__default.CSSProperties;
1841
- }
1842
- declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1843
-
1844
1872
  interface VideoProps {
1845
1873
  source: {
1846
1874
  type: string;
@@ -1865,118 +1893,6 @@ interface VideoProps {
1865
1893
  }
1866
1894
  declare const Video: FunctionComponent<Partial<VideoProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onPause' | 'onPlay'>>;
1867
1895
 
1868
- type Data = any;
1869
- interface BasicVirtualListProps {
1870
- className?: string;
1871
- style?: React.CSSProperties;
1872
- sourceData: Array<Data>;
1873
- containerSize?: number;
1874
- ItemRender?: React.FC<any>;
1875
- itemSize?: number;
1876
- itemEqualSize?: boolean;
1877
- horizontal?: boolean;
1878
- overscan?: number;
1879
- handleScroll?: (...args: any[]) => any;
1880
- onScroll?: (...args: any[]) => any;
1881
- key?: string;
1882
- locale?: {
1883
- [key in string]: string;
1884
- };
1885
- }
1886
-
1887
- type VirtualListProps = BasicVirtualListProps;
1888
- declare const VirtualList: FunctionComponent<VirtualListProps>;
1889
-
1890
- interface WaterMarkProps {
1891
- content: string;
1892
- fullPage: boolean;
1893
- zIndex: number;
1894
- className: string;
1895
- gapX: number;
1896
- gapY: number;
1897
- width: number;
1898
- height: number;
1899
- image: string;
1900
- imageWidth: number;
1901
- imageHeight: number;
1902
- rotate: number;
1903
- fontColor: string;
1904
- fontStyle: string;
1905
- fontFamily: string;
1906
- fontWeight: string;
1907
- fontSize: string | number;
1908
- style: React__default.CSSProperties;
1909
- }
1910
- declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1911
-
1912
- interface RegionData {
1913
- name?: string;
1914
- [key: string]: any;
1915
- }
1916
- interface ChangeCallBack {
1917
- next: string;
1918
- value: string | RegionData;
1919
- custom: string;
1920
- }
1921
- interface CloseCallBackData extends SelectedRegionObj {
1922
- addressIdStr: string;
1923
- addressStr: string;
1924
- }
1925
- interface CloseCallBack {
1926
- data: CloseCallBackData | AddressList;
1927
- type: string;
1928
- }
1929
- interface AddressList {
1930
- id?: string | number;
1931
- provinceName: string;
1932
- cityName: string;
1933
- countyName: string;
1934
- townName: string;
1935
- addressDetail: string;
1936
- selectedAddress: boolean;
1937
- name?: string;
1938
- phone?: string;
1939
- }
1940
- interface SelectedRegionObj {
1941
- province: RegionData;
1942
- city: RegionData;
1943
- country: RegionData;
1944
- town: RegionData;
1945
- }
1946
-
1947
- interface AddressProps extends BasicComponent {
1948
- className?: string;
1949
- style?: CSSProperties;
1950
- modelValue: boolean;
1951
- modelSelect: (string | number)[];
1952
- type: string;
1953
- customAddressTitle: string;
1954
- province: RegionData[];
1955
- city: RegionData[];
1956
- country: RegionData[];
1957
- town: RegionData[];
1958
- isShowCustomAddress: boolean;
1959
- existAddress: AddressList[];
1960
- existAddressTitle: string;
1961
- customAndExistTitle: string;
1962
- height: string | number;
1963
- defaultIcon: React__default.ReactNode;
1964
- selectedIcon: React__default.ReactNode;
1965
- closeBtnIcon: React__default.ReactNode;
1966
- backBtnIcon: React__default.ReactNode;
1967
- onSelected?: (prevExistAdd: AddressList, item: AddressList, copyExistAdd: AddressList[]) => void;
1968
- onClose?: (cal: CloseCallBack) => void;
1969
- onCancel?: (cal: {
1970
- closeWay: string;
1971
- }) => void;
1972
- onSwitch?: (cal: {
1973
- type: string;
1974
- }) => void;
1975
- onChange?: (cal: ChangeCallBack) => void;
1976
- onTabChecked?: (cal: string) => void;
1977
- }
1978
- declare const Address: FunctionComponent<Partial<AddressProps> & Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
1979
-
1980
1896
  interface BarrageProps {
1981
1897
  className: string;
1982
1898
  style: React__default.CSSProperties;
@@ -2006,19 +1922,6 @@ interface CardProps {
2006
1922
  }
2007
1923
  declare const Card: FunctionComponent<Partial<CardProps> & React__default.HTMLAttributes<HTMLDivElement>>;
2008
1924
 
2009
- interface SignatureProps {
2010
- type: string;
2011
- lineWidth: number;
2012
- strokeStyle: string;
2013
- unSupportTpl: string;
2014
- className: string;
2015
- confirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
2016
- clear?: () => void;
2017
- onConfirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
2018
- onClear?: () => void;
2019
- }
2020
- declare const Signature: FunctionComponent<Partial<SignatureProps> & React__default.HTMLAttributes<HTMLDivElement>>;
2021
-
2022
1925
  interface TimeType {
2023
1926
  key?: string | number;
2024
1927
  list: string[];
@@ -2064,4 +1967,44 @@ interface TimeSelectProps {
2064
1967
  }
2065
1968
  declare const TimeSelect: FunctionComponent<Partial<TimeSelectProps>>;
2066
1969
 
1970
+ interface TrendArrowProps {
1971
+ rate: number;
1972
+ digits: number;
1973
+ showSign: boolean;
1974
+ showZero: boolean;
1975
+ arrowLeft: boolean;
1976
+ syncTextColor: boolean;
1977
+ textColor: string;
1978
+ riseColor: string;
1979
+ dropColor: string;
1980
+ iconSize: string;
1981
+ upIcon: React__default.ReactNode;
1982
+ downIcon: React__default.ReactNode;
1983
+ className: string;
1984
+ style: React__default.CSSProperties;
1985
+ }
1986
+ declare const TrendArrow: FunctionComponent<Partial<TrendArrowProps> & React__default.HTMLAttributes<HTMLDivElement>>;
1987
+
1988
+ interface WaterMarkProps {
1989
+ content: string;
1990
+ fullPage: boolean;
1991
+ zIndex: number;
1992
+ className: string;
1993
+ gapX: number;
1994
+ gapY: number;
1995
+ width: number;
1996
+ height: number;
1997
+ image: string;
1998
+ imageWidth: number;
1999
+ imageHeight: number;
2000
+ rotate: number;
2001
+ fontColor: string;
2002
+ fontStyle: string;
2003
+ fontFamily: string;
2004
+ fontWeight: string;
2005
+ fontSize: string | number;
2006
+ style: React__default.CSSProperties;
2007
+ }
2008
+ declare const WaterMark: FunctionComponent<Partial<WaterMarkProps> & React__default.HTMLAttributes<HTMLDivElement>>;
2009
+
2067
2010
  export { ActionSheet, ActionSheetProps, Address, AddressProps, Animate, AnimateProps, AnimatingNumbers, AnimatingNumbersProps, Audio, AudioProps, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, BackTop, BackTopProps, Badge, BadgeProps, Barrage, BarrageProps, Button, ButtonProps, Calendar, CalendarItem, CalendarItemProps, CalendarProps, Card, CardProps, Cascader, CascaderProps, Cell, CellGroup, CellGroupProps, CellProps, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, CircleProgress, CircleProgressProps, Col, ColProps, Collapse, CollapseItem, CollapseItemProps, CollapseProps, ConfigProvider, ConfigProviderProps, CountDown, CountDownProps, DatePicker, DatePickerProps, Dialog, DialogProps, Divider, DividerProps, Drag, DragProps, Elevator, ElevatorProps, Ellipsis, EllipsisProps, Empty, EmptyProps, FixedNav, FixedNavProps, Form, FormItem, FormItemProps, FormProps, Grid, GridItem, GridItemProps, GridProps, Image, ImagePreview, ImagePreviewProps, ImageProps, Indicator, IndicatorProps, Infiniteloading, InfiniteloadingProps, Input, InputNumber, InputNumberProps, InputProps, Layout, LayoutProps, Menu, MenuItem, MenuItemProps, MenuProps, NavBar, NavBarProps$1 as NavBarProps, NoticeBar, NoticeBarProps, _default$1 as Notify, NotifyProps, NumberKeyboard, NumberKeyboardProps, Overlay, OverlayProps, Pagination, PaginationProps, Picker, PickerProps, Popover, PopoverProps, Popup, PopupProps, Price, PriceProps, Progress, ProgressProps, PullToRefresh, PullToRefreshProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Range, RangeProps, Rate, RateProps, Row, RowProps, SearchBar, SearchBarProps, ShortPassword, ShortPasswordProps, SideNavBar, SideNavBarItem, SideNavBarItemProps, SideNavBarProps, Signature, SignatureProps, Skeleton, SkeletonProps, Step, StepProps, Steps, StepsProps, Sticky, StickyProps, SubSideNavBar, SubSideNavBarProps, Swipe, SwipeProps, Swiper, SwiperItem, SwiperItemProps, SwiperProps, Switch, SwitchProps, TabPane, TabPaneProps, Tabbar, TabbarItem, TabbarItemProps, TabbarProps, Table, TableProps, Tabs, TabsProps, Tag, TagProps, TextArea, TextAreaProps, TimeDetail, TimeDetailProps, TimePannel, TimePannelProps, TimeSelect, TimeSelectProps, _default as Toast, ToastProps, TrendArrow, TrendArrowProps, Uploader, UploaderProps, Video, VideoProps, VirtualList, VirtualListProps, WaterMark, WaterMarkProps };